Настройка backdrop-filter: blur()
Загружаем страницу
Это может занять несколько секунд.
Загружаем страницу
Это может занять несколько секунд.
Found a bug, outage, or unexpected behavior in reChecker? Send us a message and we will check and fix it.
Glass effect generator (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 и современных веб-интерфейсах для карточек, навигации и модальных окон.
Guides and tips for this topic
Other useful reChecker tools
Site Control subscription
“Glassmorphism Generator” is included in paid Site Control. Use it as often as needed without a separate balance charge.
Paid Site Control also lets you prepare audit PDFs for clients with your company logo and your own text. Standard PDF export is free after registration.
The limits for a single run remain unchanged.
from990 ₽per month