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.
It is documented as part of the Motion Path specification.
Syntax
/* Usage Example */
.car-icon {
/* Ensures the car always points forward along the curved road path */
offset-rotate: auto;
}
/* Syntax */
offset-rotate: auto;
offset-rotate: reverse;
/* Global values */
offset-rotate: inherit;
offset-rotate: initial;
offset-rotate: revert;
offset-rotate: revert-layer;
offset-rotate: unset;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.
56+
72+
16+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more