Настройка backdrop-filter: blur()
Загружаем страницу
Это может занять несколько секунд.
Загружаем страницу
Это может занять несколько секунд.
Если reChecker работает неправильно, опишите проблему и укажите страницу, на которой она возникла. Оставьте email или телефон — мы ответим после проверки.
Создавайте эффект стекла (glassmorphism) с живым предпросмотром
Эффект размытого стекла — один из самых популярных трендов в UI дизайне. Создаёт ощущение глубины и элегантности.
background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
Glassmorphism Generator создаёт эффект матового стекла для UI-элементов. Настройте степень размытия, прозрачность фона, цвет и рамку — получите готовый CSS с backdrop-filter для карточек, модалок и панелей.
Настройка backdrop-filter: blur()
Управление прозрачностью фона (rgba/hsla)
Настройка рамки и border-radius
Предпросмотр на фоновом изображении
Экспорт CSS с -webkit-backdrop-filter
Готовые пресеты (лёгкое, среднее, сильное размытие)
Glassmorphism — стиль UI-дизайна, имитирующий матовое стекло. Основан на полупрозрачном фоне с backdrop-filter: blur(), что размывает контент за элементом. Популярен в macOS, Windows 11, iOS и современных веб-интерфейсах для карточек, навигации и модальных окон.
Руководства и советы по теме
Другие инструменты reChecker для этой задачи
Подписка «Контроль сайта»
«Glassmorphism Generator» входит в оплаченную подписку «Контроль сайта». Пользуйтесь инструментом сколько нужно — без отдельных списаний с баланса.
В платную подписку также входит оформление PDF-аудитов для заказчика: с логотипом вашей компании и вашим текстом. Обычный PDF можно скачать бесплатно после регистрации.
Лимиты одного запуска остаются прежними.
от390 ₽в месяц