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

• Transform Functions
• Mathematical Description of Transform FunctionsMathematical Description of Transform Functions
• Hands On: 2D TransformsHands On: 2D Transforms

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]