offset
A shorthand property for setting all the individual motion path properties (path, distance, rotation, etc.) in a single line.
It is documented as part of the Motion Path specification.
Syntax
/* Usage Example */
.animated-item {
/* Short for: path, distance, and rotation ';auto' */
offset: path(';M 0 0 L 100 0') 50% auto;
}
/* Syntax */
offset: offset-position;
offset: offset-path;
offset: offset-distance;
offset: offset-rotate;
offset: offset-anchor;
/* Global values */
offset: inherit;
offset: initial;
offset: revert;
offset: revert-layer;
offset: unset;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.
55+
72+
16+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more