This page is Ready to Use

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

rotateY()

Summary

Rotates an element around its Y-axis at a given degree.

Examples

The following code snippet is an example of the rotateY function in use as applied to a square blue div element along with the perspective function (which simulates depth).

div {
  transform: perspective(500px) rotateY(45deg);
}

Notes

Remarks

The rotateY transform function is the same as rotate3d(0, 1, 0, <angle>).

Syntax

rotateY ( <angle> )

Parameters

angle
The angle by which to rotate the element about the y-axis. This value is expressed as a number followed by a supported angle unit.

Standards information

See also

Related pages

Attributions