Easy Tutorial
❮ Pr List Style Image Css3 Pr Background Size ❯

CSS3 rotation-point Property

Example

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

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

Browser Support

Currently, no browsers support the rotation-point property.


Property Definition and Usage

The rotation-point property is a pair of values that define the point offset from the top-left border edge.

Tip: The rotation-point property needs to be used in conjunction with the rotation property.

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

Syntax

rotation-point: value;
Value Description
left top<br>left center<br>left bottom<br>right top<br>right center<br>right bottom<br>center top<br>center center<br>center bottom If only one keyword is specified, the second value will be "center".
x% y% Percentage values, relative to the border box width and height.
❮ Pr List Style Image Css3 Pr Background Size ❯