Выпадающее меню сайта на 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@
Портфолио —
Инстаграм —
Бесплатные плюшки —
0 views
492
157
8 years ago 00:13:26 332
Выпадающее меню на css
5 years ago 00:19:28 91
Выпадающее меню с анимацией
8 years ago 00:39:35 46
Азы css. Урок 4. Выпадающее меню
5 years ago 00:32:46 140
Выпадающее меню на CSS + адаптив под тачскрины
9 years ago 00:06:53 38
Библиотека Tkinter - 10 - Выпадающее меню
8 years ago 00:13:43 87
Выпадающее МЕНЮ на чистом CSS / HTML
8 years ago 00:10:18 218
Уроки JavaScript Практика #4 Пишем выпадающее меню
5 years ago 00:11:59 205
Простое выпадающее меню
9 years ago 00:10:33 216
CSS3 для начинающих | #11 Выпадающее меню на CSS
8 years ago 00:59:50 44
Создание интернет-магазина #21 Выпадающее меню. Адаптивная верстка сайта.
5 years ago 00:18:25 24
Выпадающее меню на css | CSS для Профи
7 years ago 00:22:13 5
#2 ЧАСТЬ - Выпадающее МЕНЮ на чистом CSS / HTML (АДАПТАЦИЯ под Мобильные устройства)
8 years ago 00:35:06 20
Верстка сайта. Выпадающее меню на css. Урок 2
2 years ago 00:32:15 9
Как сверстать выпадающее многоуровневое меню
8 years ago 02:10:38 248
HTML/CSS - float и flexbox верстка. Создание правильного выпадающего меню.
8 years ago 00:21:40 133
Урок 12. Создание сайта-визитки. Создание выпадающего меню
5 years ago 00:06:52 22
Выпадающее меню - Unity легко
10 years ago 00:07:09 586
Как сделать горизонтальное выпадающее меню в Axure 7
8 years ago 00:19:42 53
Уроки Bootstrap верстки / #10 - Выпадающее меню и списки
9 years ago 00:13:05 187
Уроки по Bootstrap 3 | #5 Положение меню и выпадающее меню
2 years ago 00:38:31 0
Клик вне блока. Выпадающее dropdown меню
10 years ago 00:30:05 47
20. Вертикальное выпадающее меню а Adobe Muse | 2015