Tailwind

Tailwind Filter

These effects are based on the CSS filter property and can modify appearance such as blur, brightness, contrast, grayscale, hue rotation, inversion, saturation, and drop shadows.

farid46Author

Table of Contents

Available Filter Utilities

Blur

Syntax

Example

Common Blur Values

Brightness

Syntax

Example

Values

Contrast

Example

Grayscale

Example

Hue Rotate

Example

Invert

Example

Saturation

Example

Sepia

Example

Drop Shadow

Example

Common Classes

Combining Filters

Responsive Filters

Tailwind Filter

These effects are based on the CSS filter property and can modify appearance such as blur, brightness, contrast, grayscale, hue rotation, inversion, saturation, and drop shadows.

farid46Author

Table of Contents

Available Filter Utilities

Blur

Syntax

Example

Common Blur Values

Brightness

Syntax

Example

Values

Contrast

Example

Grayscale

Example

Hue Rotate

Example

Invert

Example

Saturation

Example

Sepia

Example

Drop Shadow

Example

Common Classes

Combining Filters

Responsive Filters