Генератор Glassmorphism CSS
Создавайте эффект матового стекла с помощью backdrop-filter blur, прозрачности и тонких границ.
Часто задаваемые вопросы
Что такое глассморфизм?
Глассморфизм — это тренд дизайна, создающий эффект матового стекла с помощью размытия фона, прозрачности и тонких границ для полупрозрачного вида.
Поддерживается ли backdrop-filter везде?
backdrop-filter поддерживается всеми современными браузерами. Префикс -webkit- добавлен для совместимости с Safari.
Как создать качественный глассморфизм?
Используйте лёгкую непрозрачность (0,1–0,3), умеренное размытие (8–16px), тонкую полупрозрачную границу и красочный фон за стеклянным элементом.