Generatore CSS glassmorphism (effetto vetro smerigliato)
Genera un effetto CSS glassmorphism (vetro smerigliato) con anteprima e codice pronto da copiare.
Glass
🔒 100 % lato client — nessun dato inviato
Crea un effetto glassmorphism in stile vetro smerigliato e copia il CSS pronto da incollare (backdrop-filter, trasparenza, sfocatura, bordo). Regola sfocatura, opacità e raggio in tempo reale con un'anteprima dal vivo. Nessun dato inviato: tutto viene generato nel tuo browser.
What is it for?
- ▸ Progetta card e modali in vetro smerigliato
- ▸ Prototipa rapidamente una moderna interfaccia utente traslucida
- ▸ Regola sfocatura e opacità con l'anteprima istantanea
- ▸ Copia CSS pulito e compatibile con i browser
FAQ
Quale proprietà CSS crea l'effetto vetro?
Principalmente backdrop-filter: blur(), combinata con uno sfondo semitrasparente e un bordo chiaro.
Glassmorphism funziona in tutti i browser?
La maggior parte dei browser moderni lo supporta; il prefisso -webkit-backdrop-filter migliora la compatibilità.
Posso utilizzare gratuitamente il CSS generato?
Sì, il codice può essere utilizzato gratuitamente nei tuoi progetti personali o commerciali.