SUPER EASY UTILS

Gerador de Glassmorphism

Crie efeitos CSS de vidro fosco com pré-visualização em tempo real.

16px
80%
30%
px
#ffffff

background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.3);

Ferramentas recomendadas

Utilitários selecionados que você pode achar úteis