Кастомная анимированная кнопка с горизонтальным смещением при наведении на webflow
#webflow #вебфлоу
Научу создавать собственные кнопки, которые будут иметь функционал недоступный для стандартных кнопок которые предлагает вебфлоу.
Есть множество вариаций кнопок покажу простое решение с фронтальным смещением верхней и нижней части кнопки в стороны относительно текста, что бы он стоял на месте а обводка кнопки ехала в лево и право синхронно, при наведении курсора мышки.
Так же могу показать еще варианты собственноручно сделанных кнопок если это вам интересно то напишите в комментариях к данному видео.
•••••••••••••••••••••••••••••••
— Полезные штуки для webflow https://freelance-blog.com/webflow/
— Индивидуальное обучение https://freelance-blog.com/study/
— Блог про фриланс и вебфлоу https://freelance-blog.webflow.io
•••••••••••••••••••••••••••••••
❓❓❓ Что такое этот вебфлоу? Почему это НЕ конструктор? Как на нем зарабатывать больше денег, чем остальные? • Что такое webflow и как правильно про...
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый расширенный (для новичка) • Курс для новичка по webflow
👉 • Базовый ускоренный, для новичка который спешит • Трелло для фрилансера, ускоряем свою ...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! https://freelance-blog.com/study/
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта — [email protected]
Телеграм https://t.me/artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио — https://freelance-blog.com/
👉 • Инстаграм — / freelance_proka4ka
👉 • Бесплатные плюшки — https://freelance-blog.com/webflow/
👉 • Материалы для уроков — https://freelance-blog.webflow.io/
👉 • Индивидуальное обучение — https://freelance-blog.com/study/
•••••••••••••••••••••••••••••••
Таймкоды:
00:00 Демонстрация конечного результата
00:32 Создаем основу кнопки
01:30 Добавляем текст
05:12 Внедряем в нашу кнопку дополнительные элементы
09:00 Делаем ховер (эффект при наведении мышки) средствами панели стилей
09:28 А теперь анимируем ховер через анимации
11:35 Еще парочка кнопок, видео о которых может появится на канале
12:24 Вывод и итоги))
Watch video Кастомная анимированная кнопка с горизонтальным смещением при наведении на webflow online, duration hours minute second in high quality that is uploaded to the channel Фриланс прокачка 09 May 2023. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 505 times and liked it 17 visitors.
