offset-rotate
Controls the rotation of an element as it moves along a path. By default, 'auto' makes the element 'face' the direction it's moving.
Quick example
.car-icon {
/* Ensures the car always points forward along the curved road path */
offset-rotate: auto;
}Quick facts
Initial value
autoInherited
No
Applies to
transformable elements
Animation type
angleOrBasicShapeOrPath
Values
autoreverse offset-rotate Browser Support
Widely available Since 2022 95% 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.
56+
72+
16+
79+