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.
Related tools
Proporzioni · calcolatore Calcola un aspect ratio (16:9...) e ricava la dimensione proporzionale mancante. Generatore di codici a barre Genera un codice a barre (EAN-13, Code128, UPC) da un valore, scaricabile, nel tuo browser. Base64 → immagine Decodifica un data URI o Base64 in un'immagine visualizzabile e scaricabile nel tuo browser. CSS border-radius · generatore Crea angoli arrotondati CSS (border-radius) con anteprima live e codice pronto da copiare. CSS box-ombra · generatore Genera un'ombra box CSS con un'anteprima dal vivo e un codice pronto per la copia. Dispositivo per la rimozione dello schermo verde Rendi trasparente un colore di sfondo (schermo verde/blu) ed esporta un PNG nel tuo browser.