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.
Quick example
.rocket {
/* Anchors the bottom-center of the rocket to the path */
offset-anchor: bottom center;
}Quick facts
Initial value
autoInherited
No
Applies to
transformable elements
Animation type
position
Values
auto 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.
Safe to use without fallbacks.
116+
72+
16+
116+