Easy Tutorial
❮ Css3 Pr Nav Down Pr Object Fit ❯

CSS3 rotation Property

Example

Rotate the h1 element 180 degrees (top to bottom):

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

Browser Support

Currently, no browsers support the rotation property.


Property Definition and Usage

The rotation property rotates block-level elements counterclockwise around the specified point defined by the rotation-point property.

Default value: 0
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.rotation="180deg"
--- ---

Syntax

Value Description
angle The angle to rotate the element. Possible values: 0deg to 360deg.
❮ Css3 Pr Nav Down Pr Object Fit ❯