CSS3 rotation Property


Example

Rotate h1 elements 180 degrees (upside down):

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

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The rotation property is not supported in any of the major browsers.


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"

CSS Syntax

rotation: angle;

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



SHARE THIS PAGE

COLOR PICKER

colorpicker