Правильная всплывающая форма webflow c размытием фона, уроки вебфлоу на русском

13 подписчиков

12+
12+

4 дня назад

ПожаловатьсяНарушение авторских прав

13 подписчиков

12+
12+

4 дня назад

ПожаловатьсяНарушение авторских прав
12+
12+

4 дня назад

Сделаем правильную всплывающую форму, которая будет центрированная на всех устройствах, закрываться не только при нажатии на крестик, но и при клике на фон (затемнение/размытие), при этом у нее будет стильное анимированное появление и исчезновение, а так же фон будет размыт, код для этого эффекта БОЛЬШЕ НЕ НУЖЕН!!! Функционал размытия теперь доступен в вебфлоу по умолчанию! Инструкция как сделать размытие любого блока: — Справа вверху кликаем по Style (это мы так активируем панель стилей, если вдруг она не активна) — Скролим в самый самый низ к пункту Backdrop filters (он нам и нужен) — Кликаем правее Backdrop filters по иконке плюсика (+) и ура размытие добавилось 😉 (таская появившийся ползунок интенсивности размытия влево/вправо, можно регулировать степень размытия! Если что-то не понятно, задавайте вопросы в комментариях, елси все понятно — то с тебя лайк! Да, да, именно с тебя лайк)))) скроль выше и страницу и кликай по пальцу вверх))) Сама форма будет адаптивная и полностью готовая для использования, ее можно будет использовать много раз, как заготовку, скопировав ее в ваш шаблон (да он должен у вас быть, если нет — то сделайте, или же купите мои заготовки, но экономить время вам точно нужно, а то на жизнь не останется, будет работа да работа)) Копировать с вебфлоу надо все за раз, и кнопку и форму, для этого поместите все в один див блок и скопируйте именно его, что бы оно все за раз переместилось с вашего шаблона в рабочий проект. •••••••••••••••••••••••••••••••• ••••••••••••••••••••••••••••••• Моя почта — artstrangers@gmail.com •••••••••••••••••••••••••••••••

Название:

Правильная всплывающая форма webflow c размытием фона, уроки вебфлоу на русском

Категория:

Разное