Десятки строк кода. offset-path решает задачу средствами CSS. Задаёте путь через path(), запускаете offset-distance от 0% до 100% — элемент движется по кривой, окружности или произвольной траектории. Как управлять поворотом? Для этого есть offset-rotate. В статье показываем разные варианты путей и объясняем, где offset-path пригодится в интерфейсах. #css ✨ Читать статью
Анимация по кривой раньше требовала JavaScript: getPointAtLength(), requestAnimationFrame, ручной пересчёт координат. Десятки строк кода.
offset-path решает задачу средствами CSS. Задаёте путь через path(), запускаете offset-distance от 0% до 100% — элемент движется по кривой, окружности или произвольной траектории. Как управлять поворотом? Для этого есть offset-rotate.
В статье показываем разные варианты путей и объясняем, где offset-path пригодится в интерфейсах. #css
