UTILS.
100 % dans le navigateur

Générateur de glassmorphisme

Créez un CSS de carte en verre dépoli avec flou, transparence, saturation et couleur de teinte.

À propos de cet outil

Ajustez le flou, la transparence, la saturation et la teinte pour concevoir une carte en verre dépoli et copier son CSS, le tout dans votre navigateur.

Foire aux questions

Pourquoi l'aperçu repose-t-il sur un dégradé ?
Le glassmorphisme s'appuie sur un arrière-plan coloré afin que le flou et la transparence soient visibles derrière la carte.
Que fait backdrop-filter ?
Il floute et sature tout ce qui se trouve derrière l'élément pour produire l'effet de verre dépoli.

Plus d'outils