Filtros

<< Efectos Tablas >>

Entontramos un montón de filtros disponibles en Tailwind, como son el blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, saturate y sepia.

<img class="blur-xs" src="/img/mountains.jpg" />
<img class="grayscale" src="/img/mountains.jpg" />
<img class="blur-xs grayscale" src="/img/mountains.jpg" />

Estos filtros los podemos usar al hacer hover sobre un elemento, sólo tendríamos que poner el prefijo hover: sobre la clase y lo tendríamos.

<img class="blur-sm hover:filter-none ..." src="/img/mountains.jpg" />

<< Efectos Tablas >>