Last Updated: February 25, 2016
·
853
· yaaki

CSS3 Transform Rotate


-moz-transform: rotate(45deg); /* FF3.5+ /
-o-transform: rotate(45deg); /
Opera 10.5 /
-webkit-transform: rotate(45deg); /
Saf3.1+, Chrome /
-ms-transform: rotate(45deg); /
IE9 /
transform: rotate(45deg);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.97052619222005159,M21=0.43052619222005157, M22=0.8914448613738104, sizingMethod='auto expand');/
IE6–IE8 */
</pre>

When using a stack similar to the one above. The ugly Microsoft filter will actually cause problems in ie9. What once was a hack to rotate in old ie browsers, will not render properly in ie9.

Solution: As a best practice ie hacks should be in ie specific stylesheets, the Microsoft filter should only be included for ie8 and earlier.