CSS animation not working in IE

I have created a 3D cubical image slider. This is working fine on chrome and firefox but not on IE. This is the code.

setInterval(function(){
    $(".cubeSpinner").css("transform","rotateY("+(index * -90)+"deg)");
    index++;
},1500);

Can someone tell me how can i fix for IE.

Thanks

Answers


Check out these 2 pages - W3 Schools and Enjoy CSS

It will get you this -

.enjoy-css {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: none;
font: normal 16px/1 "Times New Roman", Times, serif;
color: black;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-transform: rotateX(30deg);
transform: rotateX(30deg);
}

the important part is this bit -

-webkit-transform: rotateX(30deg);
transform: rotateX(30deg);

I don't use IE but this should work. (I hope)

What you would have to do is have your jQuery change both the css bits.

Also, make sure your using IE10 or above. That will fix TONS of HTML bugs.

Hopefully this fixes your problem! 😃

EDIT: This is a fiddle I made. Maybe test it IE.


Need Your Help

shadow mapping - transforming a view space position to the shadow map space

opengl math matrix 3d glsl

I use deferred rendering and I store a fragment position in the camera view space. When I perform a shadow calculation I need to transform a camera view space to the shadow map space. I build a sha...