ailwindcssチートシート解説(Fillter)

Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490

Filter

Blur

Brightness

brightness-0	–tw-brightness: brightness(0);
brightness-50	–tw-brightness: brightness(.5);
brightness-75	–tw-brightness: brightness(.75);
brightness-90	–tw-brightness: brightness(.9);

Contrast

Drop Shadow

Grayscale

Hue Rotate

Invert

Saturate

Sepia

Backdrop Filter

Backdrop Blur

Backdrop Brightness

Backdrop Contrast

class	properties

Backdrop Hue Rotate

class	properties
-backdrop-hue-rotate-180	–tw-backdrop-hue-rotate: hue-rotate(-180deg);

Backdrop Invert

class	properties
backdrop-invert-0	–tw-backdrop-invert: invert(0);

Backdrop Opacity

class	properties
backdrop-opacity-0	–tw-backdrop-opacity: opacity(0);

Backdrop Saturate

class	properties
backdrop-saturate-0	–tw-backdrop-saturate: saturate(0);

Backdrop Sepia

class	properties
backdrop-sepia-0	–tw-backdrop-sepia: sepia(0);
backdrop-sepia	–tw-backdrop-sepia: sepia(1);