CSS: Angle Units

deg

360 degrees in a circle.

• 0deg means 12 o'clock direction.
• 90deg means 3 o'clock direction.
• 180deg means 6 o'clock direction.
• Positive values increase clock-wise.

30deg

rad

rad means radian. 2 pi radians in a circle.

if you need to use the value of pi, you must use it inside calc.

calc(pi / 2 * 1rad)

calc(pi / 3 * 1rad)

• CSS: calc

turn

1 turn in a circle.

0.25turn

grad

400 grads in a circle.

50grad

100grad

%

percent may also work, depending on the CSS property and html element.