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);
}
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
- CSS Transforms Module, Level 3, Section 13.2
See also
Related articles
Transforms
scale3d()
Related pages
Transform Functions- Mathematical Description of Transform FunctionsMathematical Description of Transform Functions
Direct3D: Matrices- Hands On: 3-D TransformsHands On: 3-D Transforms
Attributions
Microsoft Developer Network: [Windows Internet Explorer API reference Article]