UTILS.
Privés par défaut
▢

Générateur de glassmorphisme

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

Vos fichiers restent sur cet appareil

Les fichiers sont traités dans votre navigateur, jamais envoyés. Le site télécharge le code et les ressources nécessaires aux outils. Sans compte ni traceurs.

Utilisez Télécharger pour enregistrer cet outil dans un fichier HTML utilisable hors ligne.

Confidentialité →

À 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