rotation property CSS Reference



Definition and Usage

The rotation property rotates a block-level element counterclockwise around a given point defined by the rotation-point property.

Tip: The border, padding, content, and backgrounds (that are not fixed) are also rotated

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

Syntax

rotation: angle;

Values

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

Examples

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

Relative articles