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.
Written by Jacob Koesterich
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#