Сделаем правильную всплывающую форму, которая будет центрированная на всех устройствах, закрываться не только при нажатии на крестик, но и при клике на фон (затемнение/размытие), при этом у нее будет стильное анимированное появление и исчезновение, а так же фон будет размыт, код для этого эффекта БОЛЬШЕ НЕ НУЖЕН!!! Функционал размытия теперь доступен в вебфлоу по умолчанию!
Инструкция как сделать размытие любого блока:
— Справа вверху кликаем по Style (это мы так активируем панель стилей, если вдруг она не активна)
— Скролим в самый самый низ к пункту Backdrop filters (он нам и нужен)
— Кликаем правее Backdrop filters по иконке плюсика (+) и ура размытие добавилось 😉 (таская появившийся ползунок интенсивности размытия влево/вправо, можно регулировать степень размытия!
Если что-то не понятно, задавайте вопросы в комментариях, елси все понятно — то с тебя лайк! Да, да, именно с тебя лайк)))) скроль выше и страницу и кликай по пальцу вверх)))
Сама форма будет адаптивная и полностью готовая для использования, ее можно будет использовать много раз, как заготовку, скопировав ее в ваш шаблон (да он должен у вас быть, если нет — то сделайте, или же купите мои заготовки, но экономить время вам точно нужно, а то на жизнь не останется, будет работа да работа))
Копировать с вебфлоу надо все за раз, и кнопку и форму, для этого поместите все в один див блок и скопируйте именно его, что бы оно все за раз переместилось с вашего шаблона в рабочий проект.
•••••••••••••••••••••••••••••••
— Полезные штуки для webflow [ Ссылка ]
— Индивидуальное обучение [ Ссылка ]
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) [ Ссылка ]
👉 • Портфолио для фрилансера (уровень средний) [ Ссылка ]
👉 • Портфолио для студии (уровень сложный) [ Ссылка ]
👉 • Делаем сложный сайт (уровень профи) [ Ссылка ]
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! [ Ссылка ]
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта — artstrangers@gmail.com
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио — [ Ссылка ]
👉 • Инстаграм — [ Ссылка ]
👉 • Бесплатные плюшки — [ Ссылка ]
👉 • Материалы для уроков — [ Ссылка ]
👉 • Индивидуальное обучение — [ Ссылка ]
•••••••••••••••••••••••••••••••
![](https://i.ytimg.com/vi/9jBX1QAy3Jg/maxresdefault.jpg)