Rotate the h1 element 180 degrees (top to bottom):
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
Browser support
There is currently no browser that supports the rotation property.
Definitions and usages
The rotation property rotates block-level elements counterclockwise around a specified point defined by the rotation-point property.
Tip: Borders, margins, content, and background (non-fixed) are also rotated!
Default: | 0 |
---|---|
Inheritance: | no |
Version: | CSS3 |
JavaScript syntax: | object .style.rotation="180deg" |
Grammar
rotation: angle;
Value | Describe |
---|---|
angle | The angle at which the element rotates. Possible values: 0deg to 360deg. |