Линия при скролле заполняется, блоки появляются по мере заполнения. Обучение webflow бесплатно
#webflow #вебфлоу
Сегодня сделаем интересный блок, с прогресс баром, (заполняющейся линией сверху вниз + заполнение контрольных точек) параллельно по мере скролла будут появляться текстовые блоки, а слева будет липкий блок, который будет преследовать пользователя на протяжении всего блока.
Так же предусмотрены точки на пути линии, которые как контрольные пункты, заполняются по мере заполнения самой линии, напротив этих точек хорошо ставить текстовые блоки, которые будут появляться по мере прокрутки страницы и параллельного заполнения данной шкалы.
Справа покажу как усилить данный эффект, добавив блок, который будет прилипать к верху окна браузера и преследовать пользователя (всегда быть на виду) по мере прокрутки данного блока.
Когда блок доскроллиться до конца, то блок слева перестанет быть липким и уедет вверх. Вся этак конструкция не сложная в реализации но является универсальным решением для множества ситуаций. Поняв как сделать данную штуку, вы сможете создавать аналогичные в будущем без проблем.
Данный способ оформления применим, когда на сайте нужно показать алгоритм каких-то действий, последовательность, ключевые точки чего-то и т.д. Да хоть преимущества так оформить Способов применения масса. Главное понять логику построения данной анимации и вы сможете применять ее где угодно))
•••••••••••••••••••••••••••••••
— Полезные штуки для webflow https://freelance-blog.com/webflow/
— Индивидуальное обучение https://freelance-blog.com/study/
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера, ускоряем свою ...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! https://freelance-blog.com/study/
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта — [email protected]
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио — https://freelance-blog.com/
👉 • Инстаграм — / artstranger.ru
👉 • Бесплатные плюшки — https://freelance-blog.com/webflow/
👉 • Материалы для уроков — https://freelance-blog.webflow.io/
👉 • Индивидуальное обучение — https://freelance-blog.com/study/
•••••••••••••••••••••••••••••••
Смотрите видео Линия при скролле заполняется, блоки появляются по мере заполнения. Обучение webflow бесплатно онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Фриланс прокачка 17 Апрель 2022. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 1,596 раз и оно понравилось 48 посетителям.
