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
![]()
![]()
![]()
![]()
![]()
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. |