CSS3 rotationProperty


Example

Rotate the h1 element 180 degrees (from top to bottom): <p>

h1 { rotation-point:50% 50%; rotation:180deg; }

Try it Yourself »


Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Currently no browser supports the rotation property.


Attribute definition and usage instructions

The rotation attribute revolves around therotation-pointRotate block-level elements counterclockwise around the specified point defined by the property.

Default value: 0
Inherited: no
version: CSS3
JavaScript Syntax: object.style.rotation="180deg"


Syntax

rotation: angle;

Value Description
angle The rotation angle of the element. Possible values: 0deg to 360deg.
other extensions