Анимации

В коллекцию

Motion path

Объект движется по нарисованной траектории

Исходник

Попробуй взаимодействие

Реализация

Sample an SVG path with getPointAtLength, or use animateMotion. Match normalized progress to path length.

Параметрыperiod 4 s / tangent rotation

Документация приёма ↗

SVG

Демонстрация работает прямо здесь. Используй её управление, затем забери исходник. Для пользователей с ограничением движения предусмотрен спокойный вариант.

Добавить навыки в свой проект