scaleZ()

< css‎ | functions
Jump to: navigation, search


Examples

The following code snippet is an example of the scaleZ function in use. When applied to a square blue div element along with the perspective function (which simulates depth) and the rotateX function, it has the effect illustrated in the image. (The light-blue square indicates the original position of the transformed element.)

div {
  transform: perspective(500px) scaleZ(2) rotateX(45deg);
}

Notes

Remarks

The effect of the scaleZ function is most evident when used in combination with functions such as the perspective and rotate (and related) functions.

Syntax

scaleZ ( <scaling-value-z> )

Parameters

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

Standards information

See also

Related articles

Transforms















































  • css/functions/scaleZ()




… further results


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]