SVG - анимация
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
http://bkdkrus.com/production/
Цель состояла в анимации заполнения белой линии красным цветом по мере прокрутки страницы, делая остановки между пронумерованными точками. Для этого я должен был изменить предоставленный SVG. И при помощи javascript, "прикрутить" анимацию по событию.
Представьте себе горизонтальную линию в середине окна. Как только нумерованная точка пересекает эту линию, происходит анимация.
Во время работы, были решены следующие проблемы:
- Ложное срабатывание анимации, когда гармошка "сложенном" состоянии
- Последовательность заполнения
- Повторение анимации
Кроме того, частью работы было исправление верстки шаблона, а так же реализации галереи на сайте.
CMS: WordPress