@web_Cat

Бегущая линия по лендингу?

Есть задача: при загрузке страницы от знака логотипа бежит линия (ломаная), добегает до блока - он появляется и бежит дальше вниз по лендингу. И так на протяжении всего лендинга. Никак не могу понять, как это сделать. Может есть плагин? Или какое другое готовое решение
  • Вопрос задан
  • 352 просмотра
Пригласить эксперта
Ответы на вопрос 3
inkShio
@inkShio
Если тебе нужно что бы при скроле рисовалась линия, то копай в сторону SVG.
Ответ написан
Комментировать
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
бежит линия (ломаная), добегает до блока - он появляется и бежит дальше вниз по лендингу

Если я правильно понял вопрос, то вам подойдет пример скролла из этой статьи, только линию нужно будет заменить на свою.
Ответ написан
Комментировать
sergiks
@sergiks Куратор тега JavaScript
♬♬
Прорисовку линии делают с помощью SVG и анимации длины и положения штриха. Линию делают не сплошной, а пунктирной, и длину этого одного пунктира соразмерной длине всей линии.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
21 нояб. 2024, в 22:21
3000 руб./в час
21 нояб. 2024, в 21:42
100000 руб./за проект
21 нояб. 2024, в 21:30
500 руб./за проект