CSS scale3d() Function
Example
.example {
transform: scale3d(2, 0.5, 0.2);
}Hello World!
Meaning
The scale3d() css function defines a transformation that resizes an element in 3D space.
Because the amount of scaling is defined by a vector, it can resize different dimensions at different scales.
This scaling transformation is characterized by a three-dimensional vector. Its coordinates define how much scaling is done in each direction.
Version: CSS3
Standard Syntax
scale3d(sx, sy, sz)The scale3d() function is specified with three values, which represent the amount of scaling to be applied in each direction.
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Status
Function Arguments
The following table describes the arguments of this function.
| Argument | Description |
|---|---|
| sx | Defines the abscissa of the scaling vector. (only number allowed) |
| sy | Defines the ordinate of the scaling vector. (only number allowed) |
| sz | Defines the z-component of the scaling vector. (only number allowed) |
See also
- transform
- <transform-function>
- scale()
- scaleX()
- scaleY()
- scaleZ()
- translate3d()
- rotate3d()
- Individual transform properties: