Загрузка...
Загрузка...
Found a bug, outage, or unexpected behavior in reChecker? Send us a message and we will check and fix it.
Создавайте эффект стекла (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