CSS scale3d() Function

❮ Previous Functions Next ❯


.example {
  transform: scale3d(2, 0.5, 0.2);

Hello World!


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.


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

❮ Previous Functions Next ❯