Выпадающее меню сайта на webflow, анимация набора текста + анимация движения частиц, урок #2
#webflow #вебфлоу
Покажу как сделать анимированное меню, нестандартный бургер меню, с использованием lottie анимации. Все будет просто и доступно для новичка. При этом визуально меню будет выглядеть профессионально. Это второй урок с бесплатного курса по разработке сайта на платформе вебфлоу.
Помимо выпадающего меню, мы еще пропишем анимацию для тех пунктов меню, которые не скрыты в бургер (выпадающее меню), а так же добавим анимацию движения частиц, на фоне сайта, когда они движутся хаотично и реагируют на движение и клик мышки эффект набора текста. Когда складывается впечатление, что текст набирают на клавиатуре в режиме реального времени. Все это мы реализуем в данном видео, так что смотрите и повторяйте если хотите научится делать так же.
— Материалы урока доступны по ссылке:
— Полезные штуки для webflow —
— Индивидуальное обучение
Ссылки на плейлисты с бесплатными курсами по webflow:
— Плейлист где я шаг за шагом делаю самый важный сайт для фрилансера — портфолио
— А вот плейлист, для опытных пользователей вебфлоу, где я делаю сложный сайт для фотографа
— Плейлист на курс разработки лендинга под ключ
Если вы хотите уже сейчас, начать зарабатывать те деньги, которые ждут вас через 3-5 лет самостоятельного роста, телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь!
Я могу стать вашим ментором, направлять вас шаг за шагом, обучу всему что знаю сам, передам вам 14 лет своего опыта и накопленных знаний.
Нет никакого потока, никаких групп, никаких кураторов. Только вы и я. Прокачиваю именно вас.
Если хотите изменить свою жизнь, освоить прибыльную профессию, которая попутно дарит свободу, научится делать клёво или прокачать текущий уровень работы — то я буду рад вам помочь!
Подробности тут
Моя почта — artstrangers@
Телеграм @artstranger
Понравилось видео?
Ставь лайк и подписывайся на канал! 🔥
Можно еще свою точку зрения в комментариях оставить))
Таймкоды:
00:00 Приступаем к кнопке меню (бургеру)
03:46 Делаем выпадающее пункты меню
07:33 Прописываем анимацию для пунктов меню
14:48 Анимируем пункты меню которые не скрыты в бургер
22:00 Добавляем анимацию движения частиц на фоне
30:19 Применяем эффект набора текста к слову
38:02 обзор того, что сделали
Нужен сайт? Пишите мне на почту artstrangers@
Портфолио —
Инстаграм —
Бесплатные плюшки —
1 view
492
157
2 months ago 00:00:00 1
🔴 РР4/ рыбалка для души, ловим как универсал, общаемся
2 months ago 00:45:04 1
А снег кружил и падал - Лучшие зимние песни - Шансон и не только #зимняясказка @romantika_shansona
2 months ago 00:05:36 1
LampЫ Orhestra - Падающим верьте звёздам
2 months ago 00:14:59 1
Сдайте ЭТОТ анализ, если у вас выпадают волосы🙌
2 months ago 00:23:47 1
Иммунитет крепкий, холестерин и давление в норме, кожа молодеет на глазах, ЖКТ как часы! ЧУДО чеснок
2 months ago 00:16:14 1
Жить в Боге, чтобы плодоносить. Проповедь о. Константина Корепанова ()
2 months ago 00:05:24 3
Рубль будет падать — это навсегда. ЦБ не контролирует инфляцию. Война губит экономику РФ– ЕНИКОЛОПОВ
2 months ago 00:00:00 1
🔴 РР4/ рыбалка для души, ловим как универсал, общаемся
2 months ago 00:06:55 1
Марат Нигматуллин - Листья падают вниз (loop version)
2 months ago 00:00:00 93
Вариант #9 из задач ФИПИ - Уровень Сложности ЕГЭ 2025| Математика Профиль| Оформление на 100 Баллов
2 months ago 00:01:46 1
Падал пепел... SaShira. Песня написана в 1992 году акапелла
2 months ago 00:15:05 1
КАКИЕ ПЕРЧАТКИ ЧАЩЕ ВСЕГО ПАДАЮТ С ПЕРЧАТОЧНОГО КЕЙСА и СТОИТ ЛИ ЕГО ОТКРЫВАТЬ!? (casebattle | кб)
2 months ago 00:04:20 1
Листья желтые медленно падают (Странники)
2 months ago 00:02:12 1
amv - не спасай меня, когда я буду падать || аниме collab
2 months ago 00:05:34 1
Вот как ПШЕНО влияет на организм! 90% людей этого не знают, а зря! Посмотри...
2 months ago 00:04:11 1
Чувство неполного опорожнения (то чувство когда из прямой кишки полностью не выходит кал).
2 months ago 03:03:09 1
Вариант #8 из задач ФИПИ - Уровень Сложности ЕГЭ 2025| Математика Профиль| Оформление на 100 Баллов
2 months ago 00:03:35 1
ANIVAR - Падает звезда (Премьера клипа, 2019)
2 months ago 00:07:14 1
Варикоз на ногах и сосудистые звездочки? Средство от варикоза №1👍
2 months ago 00:09:57 1
cs 1.6 Продажа CSO зомби сборки+готовый сервер
2 months ago 00:06:51 3
Без VPN Как Обойти Замедление Ютуба на Телефоне и ПК Ускорить Ютуб Ускорить Ютуб в Андроид Смартфоне
2 months ago 00:00:00 1
🔴 РР4/ рыбалка для души, ловим как универсал, общаемся
2 months ago 00:03:59 1
ЗВЕРОБОЙ - Доброволец (клип)
2 months ago 02:35:23 1
Вариант #7 из задач ФИПИ - Уровень Сложности ЕГЭ 2025| Математика Профиль| Оформление на 100 Баллов