Voici la liste des effets proposé par Tailwind CSS :
| Nom | Description |
|---|---|
| background-blend-mode | Cet effet contrôle la façon dont les images de fond et la couleur de fond se combinent entre elles. |
| box-shadow | Cet effet ajoute une ombre autour d'un élément, créant une impression de profondeur et de relief dans la mise en page. |
| mask-clip | Cet effet détermine la zone dans laquelle un masque est appliqué, limitant la visibilité du contenu masqué. |
| mask-composite | Cet effet définit la façon dont plusieurs masques interagissent entre eux, en combinant ou en excluant certaines zones. |
| mask-image | Cet effet applique une image ou un dégradé comme masque pour contrôler la transparence de l'élément. |
| mask-mode | Cet effet précise si le masque est interprété selon la luminosité ou le canal alpha de l'image. |
| mask-origin | Cet effet définit le point de référence du masque par rapport à la bordure, au padding ou au contenu de l'élément. |
| mask-position | Cet effet contrôle la position du masque à l'intérieur de l'élément, horizontalement et verticalement. |
| mask-repeat | Cet effet détermine si le masque est répété, étiré ou affiché une seule fois. |
| mask-size | Cet effet définit la taille du masque, permettant de l'adapter au conteneur ou de fixer des dimensions spécifiques. |
| mask-type | Cet effet indique le type de masque utilisé, généralement basé sur l'alpha ou la luminance pour gérer la transparence. |
| mix-blend-mode | Cet effet définit la manière dont un élément se mélange visuellement avec ceux situés en dessous, produisant des effets de fusion des couleurs. |
| opacity | Cet effet contrôle le niveau de transparence d'un élément, permettant de superposer des contenus avec plus ou moins de visibilité. |
| text-shadow | Cet effet applique une ombre au texte, améliorant sa lisibilité ou renforçant son impact visuel. |