offset
A shorthand property for setting all the individual motion path properties (path, distance, rotation, etc.) in a single line.
Quick example
.animated-item {
/* Short for: path, distance, and rotation 'auto' */
offset: path('M 0 0 L 100 0') 50% auto;
}Quick facts
Initial value
See individual propertiesInherited
No
Applies to
transformable elements
Values
offset-positionoffset-pathoffset-distanceoffset-rotateoffset-anchor offset 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.
55+
72+
16+
79+