Выпадающее меню сайта на 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
475
150
1 hour ago 00:11:59 1
Что НЕ есть, чтобы НЕ падал? Продукты под запретом, которые приведут к эректильной дисфункции
3 hours ago 00:05:34 1
Вот как ПШЕНО влияет на организм! 90% людей этого не знают, а зря! Посмотри...
10 hours ago 02:49:19 1
Вариант #28 из задач ФИПИ - Уровень Сложности ЕГЭ 2024| Математика Профиль| Оформление на 100 Баллов
10 hours ago 00:00:11 1
Я хуй знает что делать, но у меня падает потолок...
22 hours ago 00:09:37 1
Безопасное расплетание ДЕ кос и ДЕ дредов. Нюансы расплетения и особенности носки
1 day ago 00:03:19 1
Вылечить гипотиреоз и убрать узлы на щитовидке поможет настой... Как лечить гипотиреоз без гормонов
1 day ago 00:05:26 1
Апара Экадаши даёт славу, безграничное богатство и благие заслуги. А так же освобождение от грехов.
1 day ago 00:00:00 1
Падающие Осадки 4 с русской озвучкой #23
1 day ago 00:05:41 1
209 письмо о любви / Двести девятое признание в любви / 65 глава книги “777 точек G“
2 days ago 00:18:31 1
Морщины исчезают на глазах, кожа молодеет, вес уходит, организм очистился от шлаков! ЧУДО лён!
2 days ago 01:03:59 1
ЧТО действительно важно в сексе? Почему падает либидо и как быть ЖЕЛАННОЙ всегда?! Оксана Бачинская
2 days ago 00:40:07 1
РАБОТА В REAPER С НУЛЯ. САМОЕ ВАЖНОЕ. Основная база знаний для работы | Reaper |
2 days ago 00:26:08 1
3 тыс 👉 4.8 млн Топ занос недели 2024 Игровые автоматы Crazy Monkey
2 days ago 01:06:15 1
Падал снегснег! Самая красивая мелодия в мире! Сборник ЛУЧШИХ Мелодий от которых мурашки по телу
2 days ago 00:08:01 1
Я приготовила масло алоэ вера, и мои волосы стали расти вдвое быстрее
3 days ago 00:04:43 1
Simon Khorolskiy – Я падаю
3 days ago 00:00:00 1
НАЧАЛОСЬ! Танкам Онлайн 15 ЛЕТ! ДЕНЬ РОЖДЕНИЯ ИГРЫ СТРИМ! Голды ТАНКОИНЫ! Tanki Online
3 days ago 00:06:58 1
Морщины исчезнут навсегда, а волосы растут как сумасшедшие и не выпадают! Подруги лопнут от зависти!
4 days ago 00:14:18 1
9 инструментов в Google таблицах, которыми каждый должен уметь пользоваться
4 days ago 00:23:47 1
Иммунитет крепкий, холестерин и давление в норме, кожа молодеет на глазах, ЖКТ как часы! ЧУДО чеснок
4 days ago 00:00:57 1
Эффективна ли блокада сустава? #shorts
4 days ago 00:08:42 1
2 лучших продукта для здоровья зубов и десен🧐
5 days ago 00:06:34 1
Concept 1B I Когда выпадает карта пот твой танк
5 days ago 00:00:00 1
ЗАВТРА Танкам Онлайн уже 15 ЛЕТ! ДЕНЬ РОЖДЕНИЯ ИГРЫ СТРИМ! Tanki Online