▢

Generatore di Glassmorphism

Crea il CSS di una scheda in vetro smerigliato con sfocatura, trasparenza, saturazione e colore di tinta.

I tuoi file restano su questo dispositivo

I file vengono elaborati nel browser, mai caricati su un server. Il sito scarica il codice e le risorse necessarie. Senza account né tracciamento.

Usa Scarica per salvare questo strumento in un unico file HTML da usare offline.

sfocatura: 10px

trasparenza: 0.25

saturazione: 180%

tinta

risultato

output

Informazioni su questo strumento

Regola sfocatura, trasparenza, saturazione e tinta per progettare una scheda in vetro smerigliato e copiarne il CSS, tutto nel tuo browser.

Perché l'anteprima è su un gradiente?

Il glassmorphism si basa su uno sfondo colorato affinché la sfocatura e la trasparenza siano visibili dietro la scheda.

Cosa fa backdrop-filter?

Sfoca e satura ciò che si trova dietro l'elemento per produrre l'effetto vetro smerigliato.