offset-anchor
Defines the point of the element that is actually 'attached' to the motion path. By default, it's the center, but you can change it to a corner or specific position.
It is documented as part of the Motion Path specification.
Syntax
/* Usage Example */
.rocket {
/* Anchors the bottom-center of the rocket to the path */
offset-anchor: bottom center;
}
/* Syntax */
offset-anchor: auto;
/* Global values */
offset-anchor: inherit;
offset-anchor: initial;
offset-anchor: revert;
offset-anchor: revert-layer;
offset-anchor: unset;offset-anchor Browser support
Widely available
Since
2022 88% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.
116+
72+
16+
116+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more