scale3d() function
Specifies a 3-D scale operation by the [sx,sy,sz] scaling vector described by the three parameters.
![]() ![]() |
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
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);
}

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

