Generatore Glassmorphism CSS
Genera effetto glassmorphism (vetro smerigliato) CSS con anteprima dal vivo. Regola sfocatura, opacità, colore sfondo, bordo e ombra. Copia il codice CSS. Gratuito, 100% nel browser.
Anteprima
Codice CSS
Riferimento
Cos'è il glassmorphism?
Il glassmorphism è uno stile di design UI con effetto vetro smerigliato semi-trasparente. Utilizza backdrop-filter: blur() per sfocare lo sfondo, combinato con un colore di sfondo semi-trasparente e un bordo sottile, per creare un aspetto simile al vetro.
Supporto browser
backdrop-filter è supportato da tutti i principali browser moderni. È disponibile nelle ultime versioni di Chrome, Edge, Safari e Firefox. Per browser più vecchi, si consiglia un fallback con colore di sfondo semi-trasparente usando la regola @supports.
Privacy
Tutta la generazione avviene al 100% nel tuo browser. Nessun dato viene inviato a server.