Générateur Glassmorphism CSS
Créez des effets CSS Glassmorphism visuellement. Ajustez le flou, l'opacité, la couleur de fond et l'ombre. Copiez le code CSS. Gratuit, 100% dans votre navigateur.
Aperçu
Sortie CSS
Référence
Qu'est-ce que le Glassmorphism ?
Le Glassmorphism est une tendance design qui combine des arrière-plans transparents et flous avec des bordures subtiles et des ombres pour créer un effet de verre dépoli. Il est réalisé avec backdrop-filter: blur() et des arrière-plans semi-transparents.
Compatibilité navigateur
backdrop-filter est pris en charge par tous les navigateurs modernes. Pour les anciens navigateurs, prévoyez un repli avec un arrière-plan semi-transparent sans flou. Utilisez le préfixe -webkit-backdrop-filter pour une compatibilité maximale.
Confidentialité
Tout le traitement s'exécute 100% dans votre navigateur. Aucune donnée n'est envoyée à un serveur.