rotate property

[Some information relates to pre-released product which may be substantially modified before it's commercially released. Microsoft makes no warranties, express or implied, with respect to the information provided here.]

An individual transform property that specifies an angle to rotate an element and optionally an axis to rotate it around. If the axis is not specified, it defaults to "0 0 1", causing a 2d rotation.

This property is read/write.

Syntax

rotate: none | <angle> <number> {1,3} ?

Property values

none

No scaling

<number>

A length or percentage value.

<angle>

A supported angle value (deg, grad, rad, turn)

CSS information

Applies Toblock-level and inline-level elements
Mediavisual
Inheritedno
Initial Valuenone

Examples


div {
   rotate: 90deg;
}

See also

transform

 

 

Show: