Генератор CSS Glassmorphism и Neumorphism

Создавайте современные стеклянные и мягкие UI-эффекты с предпросмотром и готовым CSS.

Превью стекла

Цвет фона

Акцентный цвет

Радиус углов (28px)

Размытие тени (26px)

Размытие фона (18px)

Прозрачность (22%)

Смещение тени (12px)

CSS-код

background: rgba(255, 255, 255, 0.22);
border-radius: 28px;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.37);
box-shadow: 0 18px 26px rgba(15, 23, 42, 0.16);

Поделиться инструментом