Category: Tools

I came across this for the Leadership Academy where we needed text to be rotated to match an image, and it had to work in IE8. It turned out to be a quick solution that worked across browsers.

http://www.boogdesign.com/examples/transforms/matrix-calculator.html

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.99939083, M12=0.03489950, M21=-0.03489950, M22=0.99939083,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99939083, M12=0.03489950, M21=-0.03489950, M22=0.99939083,sizingMethod='auto expand');

-moz-transform:  matrix(0.99939083, -0.03489950, 0.03489950, 0.99939083, 0, 0);

-webkit-transform:  matrix(0.99939083, -0.03489950, 0.03489950, 0.99939083, 0, 0);

-o-transform:  matrix(0.99939083, -0.03489950, 0.03489950, 0.99939083, 0, 0);