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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Лексический, синтаксический анализатор на c#
18 апр. 2024, в 12:35
2000 руб./за проект
Доработка самописного сайта PHP по вёрстке и не много бека (сегодня)
18 апр. 2024, в 12:24
4000 руб./за проект
Скрипт по работе с API и записи в MySQL данных (задача на сегодня)
18 апр. 2024, в 12:20
4000 руб./за проект
Ещё заказы