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.

scale3d()

Summary

Defines a three-dimensional transformation to change the scale of the element by setting specific scaling factors in each of the x, y, and z directions. All three parameters must be specified.

Examples

The following code snippet is an example of the scale3d 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: scale3d(0.5, -0.5, 1.5);
}

View live example

Syntax

scale3d ( <scaling-value-x> , <scaling-value-y> , <scaling-value-z> )

Parameters

scaling-value-x
Numerical value by which to scale the specified element in the x-direction.
scaling-value-y
Numerical value by which to scale the specified element in the y-direction.
scaling-value-z
Numerical value by which to scale the specified element in the z-direction.

Standards information

See also

Related articles

Transforms

Related pages

Attributions