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

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

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

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

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

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