Как работает offset-position в сочетании с другими свойствами CSS для создания анимации?

Свойство offset-position в сочетании с другими свойствами CSS для создания анимации задает начальное положение траектории смещения. www.w3docs.com

Для анимации движения по траектории также используются свойства offset-path (определяет траекторию, вдоль которой может двигаться элемент), offset-distance (для позиционирования элемента на этой траектории) и offset-rotate (отвечает за то, какой стороной вперёд движется элемент по траектории). css-live.ru www.w3docs.com

Например, сочетание offset-path с функцией ray() и offset-distance позволяет анимировать вращение элемента по окружности и его движение к центру и от центра. css-live.ru Угол, указанный в функции ray(), создаёт линию для позиционирования через полярные координаты, а в сочетании с offset-distance определяет, в каком направлении и на какое расстояние от круга сместится элемент. css-live.ru

Также свойство offset можно сочетать с свойствами transform (для перемещения, вращения, масштабирования и наклона элемента). xhtml.ru При этом три независимых свойства преобразования применяются до свойств offset, а функции transform — после. xhtml.ru