CSS offset-position

The offset-position property sets the initial position of an element before it is placed on an offset-path. It belongs to CSS motion paths; it does not use values like absolute, fixed or sticky.

Syntax

offset-position: auto;
offset-position: center;
offset-position: left top;
offset-position: 20% 40%;

Example

.mover {
  offset-position: left 50%;
  offset-path: ray(90deg);
  offset-distance: 5rem;
}

Result:

Common mistake

Use position: absolute with inset, top or left for ordinary layout. Use offset-position only with motion paths.