This page is Ready to Use

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

scale()

Summary

Defines a 2D scale transformation.

Examples

The following code snippet is an example of the scale function in use as applied to a square blue div 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.

Related specifications

CSS Transforms Module Level 3
Working Draft

See also

Related pages

Attributions