Tendance en design d’interface utilisateur (UI) qui joue sur les effets de transparence. Les utilisateurs peuvent établir une hiérarchie et une profondeur de l’interface. Elle donne l’impression de superposition de couches verticales comme si des morceaux de verre virtuels étaient posés sur l’écran.
Le style se caractérise par les effets suivants :
- Transparence (effet de verre dépoli utilisant un flou de fond)
- Approche sur plusieurs couches avec des objets flottants dans l’espace
- Des couleurs vives pour mettre en valeur la transparence floue
- Contours fins subtils et légers sur les objets translucides.
Pour des raisons d’accessibilité, il faut éviter de les utiliser pour des boutons ou des objets interactifs (ces objets importants devraient toujours avoir plus de contraste) cependant vous pouvez très bien les utiliser pour des fonds de carte.
Guide pour la création d’un élément avec glassmorphism en CSS.