Was this page helpful?
Your feedback about this content is important. Let us know what you think.
Additional feedback?
1500 characters remaining
Export (0) Print
Expand All

scaleZ() function

Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.

CSS Transforms Module, Level 3, Section 13.2Internet Explorer 10




( <scaling-value-z> )



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

Standards information


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


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);

A blue square div element with the perspective and rotateX functions

See also

Transform Functions
Mathematical Description of Transform Functions
Direct3D: Matrices
Hands On: 3-D Transforms



© 2015 Microsoft