scale()

< css‎ | functions
Jump to: navigation, search


Examples

The following code snippet is an example of the scale function in use. When applied to a square blue div element, it has the effect illustrated in the image. (The light-blue square indicates the original position of the transformed element.)

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.

Standards information


Requirements

{

See also

Related articles

Transforms











































  • css/functions/scale()








… further results


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]