rotateY()

< css‎ | functions
Jump to: navigation, search

rotateY()

This article is Ready to Use.


W3C Working Draft

Summary

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



Compatibility

There is no data available for topic "css", feature "rotateY()". If you think that there should be data available, consider opening an issue.

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).

CSS

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 (MSDN)

Attribution

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]