Geek Answers Handbook

Rotate an element using css in IE8 for -45deg

I want to rotate an element in browsers, including IE8. For all other execpt IE8 browsers, I can do:<vendor>-transform: rotate(-45deg)

For IE8, I know what I need to use -ms-filter: "progid:DXImageTransform.Microsoft.Matrix, but I'm not sure what matrix manipulations I need to install. My brain looks rusty.

Is anyone

+1
source share
2 answers

This should do it:

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
+3
source

You can use this matrix generator to help: http://www.boogdesign.com/examples/transforms/matrix-calculator.html

this is also very useful: http://www.useragentman.com/IETransformsTranslator/

+4

More articles:


All Articles