scale()

< css‎ | functions
Jump to: navigation, search

scale()

This article is Ready to Use.

W3C Working Draft

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.

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]