rotate
An individual transform property that rotates an element around a fixed point (the transform-origin) without needing the shorthand transform property.
Quick example
.icon-rotated {
rotate: 45deg;
/* tilts the icon by 45 degrees */
}Quick facts
Initial value
noneInherited
No
Applies to
transformable elements
Animation type
transform
Values
nonerotate Browser Support
Widely availableSince 202294% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.
Safe to use without fallbacks.
104+
72+
14.1+
104+