Search code examples
internet-explorercssscale

CSS3 transform:scale in IE

I would like to use the CSS3 property transform:scale.

div
{
     transform: scale(0.5,0.5);
}

Is there a way to imitate this in Internet Explorer 8 and lower? May be something with filter or a Javascript solution?

I've searched the web without any result.

Thanks a lot, Vincent

Solution

  • IE9 supports transform:

    -ms-transform: scale(0.5,0.5);

    For other versions of IE, there's a complex syntax. Something like this:

    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
    M11=1.5320888862379554, M12=-1.2855752193730787,
    M21=1.2855752193730796, M22=1.5320888862379558);

    Look here for more info.