backdrop-blur |
Flou d'arrière-plan |
|---|---|
| Tailwind CSS | |
Classe
| backdrop-filter: blur() |
Description
Cet utilitaire applique un flou à l'arrière-plan visible derrière l'élément, créant un effet de verre dépoli.
Définition
| Classe | Styles |
|---|---|
| backdrop-blur-xs | backdrop-filter: blur(var(--blur-xs)); /* 4px */ |
| backdrop-blur-sm | backdrop-filter: blur(var(--blur-sm)); /* 8px */ |
| backdrop-blur-md | backdrop-filter: blur(var(--blur-md)); /* 12px */ |
| backdrop-blur-lg | backdrop-filter: blur(var(--blur-lg)); /* 16px */ |
| backdrop-blur-xl | backdrop-filter: blur(var(--blur-xl)); /* 24px */ |
| backdrop-blur-2xl | backdrop-filter: blur(var(--blur-2xl)); /* 40px */ |
| backdrop-blur-3xl | backdrop-filter: blur(var(--blur-3xl)); /* 64px */ |
| backdrop-blur-none | backdrop-filter: ; |
| backdrop-blur-(<propriete-personnalisee>) | backdrop-filter: blur(var(<propriete-personnalisee>)); |
| backdrop-blur-[<valeur>] | backdrop-filter: blur(<valeur>); |
Dernière mise à jour : Vendredi, le 6 février 2026