IT-словарь › Веб › Motion path

Motion path

Веб Svenska → Обновлено: 2026-10-19

Свойства CSS, перемещающие элемент по произвольной кривой, а не по прямой между двумя точками.

Путь задаётся через offset-path, обычно в привычном синтаксисе путей SVG, а положение на нём — через offset-distance в процентах. Анимируйте последнее от нуля до ста, и элемент плавно скользит по кривой, а с offset-rotate: auto ещё и поворачивается по направлению движения — разница между перемещением самолёта и его пилотированием. Путь может быть и ray() с углом и длиной, базовой фигурой или ссылкой на путь в документе SVG. Раньше для этого требовалась либо JavaScript-библиотека, пересчитывающая позицию в каждом кадре, либо собственный animateMotion из SVG, работавший только внутри SVG. Широко поддерживается с 2022 года.

← Назад к словарю