Выпадающее меню сайта на 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
406
130
3 weeks ago 00:10:45 1
НОВИНКА. Мой любимый генеральный. Современные любовные романы. Фрагмент аудиокниги.
3 weeks ago 00:11:19 1
Ноги больше не болят, не крутят, не беспокоют по ночам и легкие как пушинка! Старые ноги побегут!
3 weeks ago 02:12:07 1
Убери из рациона эти 5 групп продуктов чтобы быть здоровым!Проблематичные продукты по Медикал Медиум
3 weeks ago 00:00:52 1
Я ПРОСТО МОЛЧА ПАДАЮ ВНИЗ💔 Fragmovie CS2
3 weeks ago 01:03:59 1
ЧТО действительно важно в сексе? Почему падает либидо и как быть ЖЕЛАННОЙ всегда?! Оксана Бачинская
3 weeks ago 00:03:59 1
ЗВЕРОБОЙ - Доброволец (клип)
4 weeks ago 00:01:00 1
✨ Гимн для многих женщин! 🦋 Эта песня про меня! 💫Падала.. ✈️ И ВНОВЬ поднималась‼️
4 weeks ago 00:19:11 3
Выпадающий список и рейтинг в звездах
4 weeks ago 00:00:00 1
#shorts 💜Падаем все ниже и НИЖЕЕЕ! 💜Ламповый стрим! 💜Забустишь? 💜 #warface #гайка #shorts #варфейс