offset в CSS – это свойство, которое используется для позиционирования элемента относительно своего начального местоположения в терминах двух параметров: offset-distance и offset-path.

offset-distance задает расстояние между начальной точкой и конечной точкой пути, на котором находится элемент. Расстояние можно задать в пикселях, процентах или других единицах измерения. По умолчанию значение свойства равно 0.

.element {
  offset-distance: 50%;
}

offset-path задает путь, по которому элемент будет перемещаться относительно своей начальной точки. Путь может быть задан как встроенный путь или ссылочный путь. Значение по умолчанию — none.

.element {
  offset-path: path('M 0,0 L 100,0 L 100,100 L 0,100 Z');
}

С помощью offset можно задавать необычные пути, на которых элемент будет перемещаться. Например, можно задать путь следования элемента вокруг круга или волновидную траекторию. Это свойство широко используется для анимации элементов и создания интерактивных эффектов.