CSS offset

The offset property is a shorthand for CSS motion path properties. It moves an element along a path; it is not a replacement for top, right, bottom or left.

Syntax

offset: path("M 0 0 L 200 0") 50%;
offset: ray(45deg) 4rem / auto;

Example

.dot {
  offset-path: path("M 0 60 C 80 0, 120 120, 200 60");
  offset-distance: 50%;
  offset-rotate: auto;
}

Result:

Common mistake

There are no CSS properties named offset-top or offset-left. For normal positioning use position with top, left or inset.