scale()

< css‎ | functions
Jump to: navigation, search

scale()

This article is Ready to Use.


W3C Working Draft

Summary

Defines a 2D scale transformation.



Compatibility

There is no data available for topic "css", feature "scale()". If you think that there should be data available, consider opening an issue.

Examples

The following code snippet is an example of the scale function in use as applied to a square blue div element.

CSS

div {    
  transform: scale(1.65, 0.6);
}

Notes

Remarks

If the second parameter is not provided, it is takes a value equal to the first. The function scale(1, 1) leaves the element unchanged, while scale(2, 2) causes it to appear twice as long in both the x- and y-axes, or four times its original size.

Syntax

scale ( <scaling-value-x> [ , <scaling-value-y> ])

Parameters

scaling-value-x
Numerical value by which to scale the specified element in the x-direction.
scaling-value-y
Optional. Numerical value by which to scale the specified element in the y-direction.

Related specifications

Specification Status Related Changes
CSS Transforms Module Level 3 Working Draft

See also

Related pages (MSDN)

Attribution

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]