What is ie filter if any for css3 skew

Question

I have at the moment

-moz-transform: rotate(-45deg) skewX(-45deg); -ms-transform: rotate(-45deg) skew(-45deg,0deg); -webkit-transform:rotate(-45deg) skewX(-45deg) ; transform:rotate(-45deg) skewX(-45deg) ; 

and for turning I'm still for ltie8

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

is there a filter for skewX (-45deg) for ie7 or ie8?

early!

I downloaded a thin jquery plugin from github.com/heygrady/transform. But would prefer only a filter in a single style sheet

Answer 1

I got the following from Transforms CSS3 Transformer when I added this rotate(-45deg) skewX(-45deg) .

More details here: http://www.useragentman.com/IETransformsTranslator/

  /* * The following two rules are for IE only and * should be wrapped in conditional comments. * The -ms-filter rule should be on one line * and always *before* the filter rule if * used in the same rule. */ #transformedObject { /* IE8+ - must be on one line, unfortunately */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0, M21=-0.7071067811865467, M22=1.4142135623730934, SizingMethod='auto expand')"; /* IE6 and 7 */ filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865483, M12=0, M21=-0.7071067811865467, M22=1.4142135623730934, SizingMethod='auto expand'); /* * To make the transform-origin be the middle of * the object. Note: These numbers * are approximations. For more accurate results, * use Internet Explorer with this tool. */ margin-left: 29px; margin-top: -96px; }