CODEWITHSUNDEEP
cssinternet-explorer-8
Geert-Jan
Geert-Jan

Reputation: 18915

rotate element using css in IE8 for -45deg

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

For IE8 I know I have to use -ms-filter: "progid:DXImageTransform.Microsoft.Matrix but I'm unsure what matrix manipulations to set. My matrix brain is kind of rusty.

Anyone?

Upvotes: 1

Views: 2984

Answers (2)

G-Cyrillus
G-Cyrillus

Reputation: 106008

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

this one is as well very helpfull : http://www.useragentman.com/IETransformsTranslator/

Upvotes: 4

HaukurHaf
HaukurHaf

Reputation: 13816

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)";

Upvotes: 3

Related Questions