rotate()

< css‎ | functions
Jump to: navigation, search

rotate()

This article is Almost Ready.



Needs Summary: This article does not have a summary. Summaries give a brief overview of the topic and are automatically included on some listing pages that link to this article.

Examples

The following code snippet is an example of the rotate 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: rotate(33deg);
}


Syntax

rotate ( <angle> )

Parameters

angle
The angle by which the element is rotated about its origin (defined by the transform-origin property). This value is expressed as a number followed by a supported angle unit.

Standards information

Compatibility

Desktop

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? ? ? ? ?

Mobile

Feature Android BlackBerry Chrome for mobile Firefox Mobile (Gecko) IE Mobile Opera Mobile Opera Mini Safari Mobile
Basic support ? ? ? ? ? ? ? ?

See also

Related articles

Transforms






































  • rotate()













… further results


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]