CSS Glassmorphism генератор
Създайте CSS glassmorphism ефекти визуално с преглед на живо. Коригирайте размазване, непрозрачност, цвят и рамка. Копирайте CSS кода за frosted glass UI. Безплатен онлайн инструмент.
Преглед
CSS изход
Справка
Какво е Glassmorphism?
Glassmorphism е модерна тенденция в UI дизайна, която създава ефект на матирано стъкло чрез CSS backdrop-filter. Ефектът включва полупрозрачен фон с размазване, което разкрива съдържанието зад него, създавайки усещане за дълбочина.
Поддръжка на браузъри
Свойството backdrop-filter се поддържа от всички модерни браузъри. За по-стари WebKit браузъри е включен префиксът -webkit-backdrop-filter. Обърнете внимание, че този ефект изисква съдържанието зад стъкления елемент да е видимо.
Поверителност
Цялото генериране на glassmorphism работи 100% във вашия браузър. Никакви данни не се изпращат на сървър.