Кастомная анимированная кнопка с горизонтальным смещением при наведении на 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 Вывод и итоги))
Смотрите видео Кастомная анимированная кнопка с горизонтальным смещением при наведении на webflow онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Фриланс прокачка 09 Май 2023. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 505 раз и оно понравилось 17 посетителям.
