Le glassmorphism est un style d'UI utilisant des effets de verre dépoli : couches semi-transparentes, flou d'arrière-plan et bordures subtiles qui laissent transparaître les couleurs du fond. Popularisé par Apple et Microsoft, c'est aujourd'hui une technique standard du design d'interface moderne.
Réglez le rayon du flou, la transparence du blanc, l'épaisseur de la bordure et le rayon des coins pour créer votre carte de verre. L'aperçu montre un panneau dépoli réaliste sur un fond coloré, et le CSS généré inclut le préfixe -webkit- pour la compatibilité Safari.
Frequently Asked Questions
Q: Qu'est-ce que backdrop-filter ?
Qu'est-ce que backdrop-filter ? Il applique des effets visuels (comme le flou) à tout ce qui se trouve DERRIÈRE un élément. Contrairement à filter, qui agit sur l'élément lui-même, backdrop-filter floute l'arrière-plan tout en gardant la couche de verre nette.
Q: Le glassmorphism fonctionne-t-il sur tous les navigateurs ?
Le glassmorphism fonctionne-t-il sur tous les navigateurs ? Tous les navigateurs modernes prennent en charge backdrop-filter. Safari exige le préfixe -webkit-backdrop-filter, que le CSS généré inclut automatiquement.
Q: Le glassmorphism est-il encore tendance en 2026 ?
Le glassmorphism est-il encore tendance en 2026 ? Oui. Il est passé du statut de tendance à celui de langage de design établi, utilisé par Apple, Microsoft et des applications fintech comme Revolut et N26.
Q: Quel est le meilleur fond pour les cartes de verre ?
Quel est le meilleur fond pour les cartes de verre ? Les dégradés éclatants en violet, bleu, rose ou sarcelle fonctionnent le mieux. Le fond doit être assez coloré pour transparaître à travers la couche dépolie.
Q: backdrop-filter nuit-il aux performances ?
backdrop-filter nuit-il aux performances ? Quelques éléments de verre ont un impact négligeable. Des dizaines de backdrop-filters empilés peuvent ralentir le défilement sur les appareils d'entrée de gamme — réservez-les aux surfaces clés.
Couleurs de France
Du bleu de France au rouge coquelicot, la palette française puise dans la mode, l'art et le patrimoine. Des couleurs élégantes et raffinées qui ont marqué l'histoire du design mondial.
Bleu de France #318CE7Le bleu national utilisé depuis les rois capétiens
Rouge Coquelicot #FF3800Le rouge éclatant des champs de coquelicots
Vert Émeraude #50C878La couleur emblématique des bijoux et de la joaillerie
Jaune de Naples #FADA5EPigment historique des peintres depuis la Renaissance
Rose Bonbon #F9429ELe rose sucré de la confiserie et de la mode
Bleu Roi #4169E1Le bleu royal des armoiries et de Versailles
Bordeaux #800020Le rouge sombre des vins de la région bordelaise
Gris Perle #B0B7C3L'élégance discrète des intérieurs parisiens
Lavande #967BB6Les champs de Provence en été
Crème #FFFDD0La douceur des façades haussmanniennes
Q: Qu'est-ce que le bleu de France ?
Qu'est-ce que le bleu de France ? Le bleu de France (#318CE7) est la couleur nationale française, héritée du bleu des armoiries royales depuis le XIIe siècle, reprise aujourd'hui par les équipes sportives nationales.
Q: Qu'est-ce que le rouge coquelicot ?
Qu'est-ce que le rouge coquelicot ? Le coquelicot (#FF3800) est un rouge-orangé vif nommé d'après les fleurs de coquelicot qui fleurissent dans les champs français, popularisé par les impressionnistes.