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
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.
The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With