The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

# 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: