Transform Functions

This section contains reference documentation for the Cascading Style Sheets (CSS) transform functions that are supported in Windows Internet Explorer. Support for 2-D Transforms was added in Windows Internet Explorer 9, while support for 3-D Transforms was added in Internet Explorer 10.

2-D Transform functions

The following transform functions are supported for use in 2-D Transforms. They can be used in Internet Explorer 9 and later.

FunctionDescription

Specifies a 2-D transformation in the form of a transformation matrix of six values.

Specifies a 2-D rotation by the angle specified in the parameter about the origin of the element.

Specifies a 2-D scale operation by the [sx,sy] scaling vector that is described by the two parameters.

Specifies a scale operation by using the [sx,1] scaling vector, where sx is given as the parameter.

Specifies a scale operation by using the [1,sy] scaling vector, where sy is given as the parameter.

Specifies a skew transformation along the x- and y-axes. The first angle parameter specifies the skew on the x-axis. The second angle parameter specifies the skew on the y-axis.

Specifies a skew transformation along the x-axis by the given angle.

Specifies a skew transformation along the y-axis by the given angle.

Specifies a 2-D translation by the vector [tx,ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter.

Specifies a translation by the given amount in the x direction.

Specifies a translation by the given amount in the y direction.

3-D Transform functions

The following transform functions are supported for use in 3-D Transforms. They can be used in Internet Explorer 10 and later.

FunctionDescription

Specifies a 3-D transformation as a 4×4 homogeneous matrix of sixteen values in column-major order.

Changes the perspective through which an element is viewed, giving an illusion of depth.

Specifies a clockwise 3-D rotation.

Specifies a clockwise rotation by the given angle about the x-axis.

Specifies a clockwise rotation by the given angle about the y-axis.

Specifies a clockwise rotation by the given angle about the z-axis.

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

Specifies a scale operation using the [1,1,sz] scaling vector, where sz is given as the parameter.

Specifies a 3-D translation by the vector [tx,ty,tz], where tx, ty, and tz are the first, second, and third translation-value parameters respectively.

Specifies a translation by a given amount in the z-direction.

Show: