rotation property

Image Tutorials

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

1 h1 {
2     rotation-point:50% 50%;
3     rotation:180deg;
4 }

Rate article