rotate()

< css‎ | functions
Jump to: navigation, search

rotate()

This article is Ready to Use.


W3C Working Draft

Summary

Rotates an element clockwise around its origin (as specified by the transform-origin property) by the specified angle. The operation corresponds to the matrix [cos(angle) sin(angle) -sin(angle) cos(angle) 0 0].

Examples

View live exampleThe following code snippet is an example of the rotate function in use.

CSS

div {    
  transform: rotate(33.3deg);
}


Syntax

rotate ( <angle> )

Parameters

angle
The angle by which the element is rotated about its origin. If not specified otherwise, the element rotates around its center. The origin can be specified with the transform-origin property. This value is expressed as an integer or decimal number followed by a supported angle unit.

Standards information

Related specifications

Specification Status Related Changes
CSS Transforms Module Level 3 Working Draft

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]