Задать вопрос
@wizzzart

Как сделать бесконечную анимацию svg при прокрутке?

Вот пример: https://bitesizeinc.com/projets/montreux-comedy-fe...
При прокрутке появляется зеленая полоса зигзагом.
Я сделал svg с такой линией и теоретически, при прокрутке ее можно анимировать вот так: https://css-tricks.com/scroll-drawing/

Вопрос в том, как добиться того, чтобы линия была бесконечна? То есть чтобы клонировалась по вертикали и при этом была анимированной.
Буду признателен за примеры и подсказки.
  • Вопрос задан
  • 255 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
@AnneSmith
самая ленивая
разве что цикл попробовать запустить и клонировать один svg под другим с новым порядковым id
только сам svg должен быть seamless
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы