Свойство offset-position в сочетании с другими свойствами CSS для создания анимации задает начальное положение траектории смещения. 4
Для анимации движения по траектории также используются свойства offset-path (определяет траекторию, вдоль которой может двигаться элемент), offset-distance (для позиционирования элемента на этой траектории) и offset-rotate (отвечает за то, какой стороной вперёд движется элемент по траектории). 14
Например, сочетание offset-path с функцией ray() и offset-distance позволяет анимировать вращение элемента по окружности и его движение к центру и от центра. 1 Угол, указанный в функции ray(), создаёт линию для позиционирования через полярные координаты, а в сочетании с offset-distance определяет, в каком направлении и на какое расстояние от круга сместится элемент. 1
Также свойство offset можно сочетать с свойствами transform (для перемещения, вращения, масштабирования и наклона элемента). 2 При этом три независимых свойства преобразования применяются до свойств offset, а функции transform — после. 2