Joined June 2013
·

Devon Hirth

Design Technologist at exp
·
New York, NY
·
·
·

Posted to Cross Browser CSS Rotation Sass Mixin over 1 year ago

I've been trying to find the correlation between degrees in CSS3 and the M variables in the IE transform filters. Would the cosign and sine functions used here to interpret them pretty accurately for other transformations such as skew( $degreeX , $degreeY )?

Update: Did a little research and something like this ended up working for me (as far as skewing a shape in IE) goes;

$M11 : 1; $M12 : sin( $degreeX ); $M21 : sin( $degreeY ); $M22 : 1;

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=#{$M11}, M12=-#{$M12}, M21=-#{$M21}, M22=#{$M22}, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=#{$M11}, M12=-#{$M12}, M21=-#{$M21}, M22=#{$M22}, SizingMethod='auto expand');

Achievements
39 Karma
0 Total ProTip Views