This page is Ready to Use

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

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