The rotate
function of the CSS transform
property supports the turn
unit. This can be used as an alternative to deg
. 360 degrees correspond to 1 turn.
.element {
/* Instead of degrees ... */
transform: rotate(90deg);
/* ... you can use turn */
transform: rotate(0.25turn);
}
Let's see it in action: