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

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

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

Вопрос в том, как добиться того, чтобы линия была бесконечна? То есть чтобы клонировалась по вертикали и при этом была анимированной.
Буду признателен за примеры и подсказки.
  • Вопрос задан
  • 260 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@AnneSmith
самая ленивая
разве что цикл попробовать запустить и клонировать один svg под другим с новым порядковым id
только сам svg должен быть seamless
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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