Генератор эффекта стекла (glassmorphism) для дизайнеров и веб-мастеров
Обработка происходит в вашем браузере — файлы не покидают устройство.
Бесплатно, без регистрации, аккаунтов и ограничений.
Работает в любом современном браузере, включая мобильные.
About this tool
«Генератор эффекта стекла (Glassmorphism)» помогает дизайнерам и фронтенд-разработчикам создавать современные UI-компоненты с эффектом матового стекла, используя CSS backdrop-filter, полупрозрачные границы и тени глубины.
How to use
Настройте радиус размытия, непрозрачность, ширину и прозрачность рамки.
Протестируйте карточку с эффектом матового стекла на цветных градиентах и тёмных фонах.
Настройте базовый оттенок карточки и скругление углов.
Нажмите «Копировать CSS» для копирования кросс-браузерных правил backdrop-filter.
FAQ
Работает ли этот CSS в Сафари и мобильных браузерах?
Да! Вывод включает вендорные префиксы backdrop-filter и -webkit-backdrop-filter для полной поддержки Сафари, iOS и Chromium.