Generatore CSS Glassmorphism
Crea effetti UI in vetro smerigliato con anteprima live e output CSS. Regola con precisione trasparenza, sfocatura, bordo e ombra.
Anteprima
Glassmorphism
Anteprima
Controlli
Codice CSS
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 16px;Come usare
Regola i Parametri
Regola opacità, sfocatura e bordo
Anteprima
Vedi l'effetto vetro in tempo reale
Copia
Copia il codice CSS per l'utilizzo
Funzionalità
Controllo Sfocatura
Regola la quantità di sfocatura backdrop-filter
Personalizzazione Sfondo
Personalizza immagine o colore di sfondo
Bordo e Ombra
Configura bordo e ombra in stile vetro
FAQ
🔗Strumenti correlati
Convertitore codici colore
Converti tra codici colore HEX, RGB e HSL. Usa il selettore di colore e l'anteprima in tempo reale per una selezione intuitiva dei colori.
Selettore di Colori
Scegli colori in modo intuitivo usando una ruota cromatica e cursori. Ottieni e copia codici colore in formato HEX, RGB e HSL.
Estrattore Colori Immagine
Rileva automaticamente i colori dominanti di un'immagine e genera una palette di colori. Puoi anche cliccare in qualsiasi punto dell'immagine per selezionare singoli colori.
Selettore Colore Medio Immagine
Calcola il colore medio di un'intera immagine o di un'area selezionata. Utile per scegliere schemi di colori o colori di sfondo per miniature.
Generatore CSS Gradiente
Crea visivamente gradienti CSS con controlli a trascinamento. Supporta gradienti lineari, radiali e conici con preimpostazioni.
Generatore CSS Box Shadow
Crea visivamente CSS box-shadow con cursori. Supporta ombre multiple e ombre interne (inset).