-webkit-transform not working in Internet Explorer

Question

I've found that -webkit-transform: rotateZ(10deg); doesn't work in Internet Explorer 9. What can be used instead of that using CSS3?

Solution 1

Have you tried -ms-transform:rotateZ(10deg);?

As -webkitis also a vendor specific prefix, you'll have to add those for non-webkit browsers, too.

(like -ms, -moz, -o)

Check out this CSS3 3D Transforms Tutorial for more info: http://www.pageresource.com/css3/3d-transforms-tutorial/

Solution 2

3D transforms don't work in IE9. IE10 does support them, though.

Here's a chart of supported browsers: http://caniuse.com/transforms3d

Solution 3

you can use 2D transforms in ie9 - i.e. :

-ms-transform: rotate(25deg);