IE8 transform issue

[toolman]

Hi,

 

I have the following CSS:

 

input[type="checkbox"]:checked {
  background: rgba(180,0,0,1);
  transform: rotateZ(405deg);
  -ms-transform: rotateZ(45deg); /* IE 9 */
  -webkit-transform:rotateZ(405deg);
}

input[type="checkbox"]:checked ~ #izq {
  transform: translateX(-80%);
  -ms-transform:translateX(-80%);
  -webkit-transform:translateX(-80%);
}

input[type="checkbox"]:checked ~ #der {
    transform: translateX(80%);
    -ms-transform:translateX(80%);
    -webkit-transform:translateX(80%);
}
 

 

However, the transform effect doesn't work in IE8.

 

Does anyone know a workaround or IE8 code I can use?

 

Thanks