Export (0) Print
Expand All

scale3d() function

Specifies a 3-D scale operation by the [sx,sy,sz] scaling vector described by the three parameters.

CSS Transforms Module, Level 3, Section 13.2Internet Explorer 10

 

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

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);
}

A square blue div with white text, after having the following transform functions applied to it: -ms-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:
© 2014 Microsoft