scaleZ()

< css‎ | functions
Jump to: navigation, search

scaleZ()

This article is Almost Ready.



Needs Summary: This article does not have a summary. Summaries give a brief overview of the topic and are automatically included on some listing pages that link to this article.



Compatibility

There is no data available for topic "css", feature "scaleZ()". If you think that there should be data available, consider opening an issue.

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
















  • scaleZ()















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]