blur |
Se brouiller |
| Tailwind CSS |
Classe
Description
Cet utilitaire applique un flou à l'élément, adoucissant ses contours et réduisant les détails visuels.
Définition
| Classe |
Styles |
| blur-xs |
filter: blur(var(--blur-xs)); /* 4px */ |
| blur-sm |
filter: blur(var(--blur-sm)); /* 8px */ |
| blur-md |
filter: blur(var(--blur-md)); /* 12px */ |
| blur-lg |
filter: blur(var(--blur-lg)); /* 16px */ |
| blur-xl |
filter: blur(var(--blur-xl)); /* 24px */ |
| blur-2xl |
filter: blur(var(--blur-2xl)); /* 40px */ |
| blur-3xl |
filter: blur(var(--blur-3xl)); /* 64px */ |
| blur-none |
filter: ; |
| blur-(<propriete-personnalisee>) |
filter: blur(var(<propriete-personnalisee>)); |
| blur-[<valeur>] |
filter: blur(<valeur>); |
Dernière mise à jour : Vendredi, le 6 février 2026
