offset-position
Sets the initial starting position of a motion path. It determines where the 'zero point' of the path is located relative to the element's container.
Quick example
.moving-object {
/* Starts the motion path from the top-left corner of the container */
offset-position: 0 0;
}Quick facts
Initial value
normalInherited
No
Applies to
transformable elements
Animation type
position
Values
normalauto offset-position 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+
122+
16+
116+