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.
It is documented as part of the Motion Path specification.
Syntax
/* Usage Example */
.moving-object {
/* Starts the motion path from the top-left corner of the container */
offset-position: 0 0;
}
/* Syntax */
offset-position: normal;
offset-position: auto;
/* Global values */
offset-position: inherit;
offset-position: initial;
offset-position: revert;
offset-position: revert-layer;
offset-position: unset;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.
116+
122+
16+
116+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more