<angle>
A basic CSS type for rotation values. It can be expressed in degrees (deg), radians (rad), gradians (grad), or turns (turn).
Quick example
.spinner {
transform: rotate(0.5turn); /* Equivalent to 180deg */
}All units
Angle units
Used for rotations, gradient directions, and conic-gradient stops.
| Unit | Measures | Notes | Baseline |
|---|---|---|---|
deg | Degrees | Most common. A full circle is 360deg. | Widely |
grad | Gradians | A full circle is 400grad. Rare on the web. | Widely |
rad | Radians | A full circle is 2π rad (≈6.2832rad). Useful when porting math from code. | Widely |
turn | Turns | A full circle is 1turn. Best when expressing fractional rotations: 0.25turn = 90deg. | Widely |
<angle> Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
2+
3.6+
4+
12+