Backdrop Filter au Scroll

Faites défiler la page pour voir le niveau de flou augmenter dynamiquement sur le header.

Effet Glassmorphism

Cet exemple utilise la propriété CSS backdrop-filter afin de créer un effet de verre dépoli moderne.

Lorsque l’utilisateur fait défiler la page, une classe CSS est automatiquement ajoutée au header via JavaScript.

Cette classe augmente le flou, modifie la transparence et réduit légèrement la hauteur du menu.