Загрузка...
Загрузка...
Found a bug, outage, or unexpected behavior in reChecker? Send us a message and we will check and fix it.
With a subscription — no extra charge. Paid Site Control from 990 ₽/mo includes local tools with unlimited manual runs. The volume limit for each run is shown on the tool page. Paid AI features and API integrations are charged separately.
View subscriptionСоздавайте эффект стекла (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