Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS3 transform:scale in IE

Tags:

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

like image 337
Vinzcent Avatar asked Oct 18 '11 10:10

Vinzcent


People also ask

How do I resize a scale object in CSS3?

scale() The scale() CSS function defines a transformation that resizes an element on the 2D plane. Because the amount of scaling is defined by a vector, it can resize the horizontal and vertical dimensions at different scales. Its result is a <transform-function> data type.

What does transform scale do?

The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.

How do you scale in CSS?

The CSS scale() function is used to scale elements in a two-dimensional space. The scale() function scales an element based on the number/s that you provide as an argument. You can scale in the direction of the x -axis, the y -axis, or both. If you provide only one parameter, it will scale the element along both axes.


1 Answers

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.

like image 178
Pedram Behroozi Avatar answered Sep 20 '22 19:09

Pedram Behroozi