package tw

  1. Overview
  2. Docs
package tw
Legend:
Page
Library
Module
Module type
Parameter
Class
Class type
Source

Module Tw.FiltersSource

Filter utilities for visual effects like blur, brightness, and backdrop filters

https://tailwindcss.com/docs/blur https://tailwindcss.com/docs/brightness https://tailwindcss.com/docs/contrast https://tailwindcss.com/docs/grayscale https://tailwindcss.com/docs/saturate https://tailwindcss.com/docs/backdrop-blur

Filter Utilities

Sourceval blur_none : Utility.t

blur_none applies no blur.

Sourceval blur_xs : Utility.t

blur_xs applies an extra-small blur.

Sourceval blur_sm : Utility.t

blur_sm applies a small blur.

Sourceval blur : Utility.t

blur applies the default blur.

Sourceval blur_md : Utility.t

blur_md applies a medium blur.

Sourceval blur_lg : Utility.t

blur_lg applies a large blur.

Sourceval blur_xl : Utility.t

blur_xl applies an extra-large blur.

Sourceval blur_2xl : Utility.t

blur_2xl applies a 2× extra-large blur.

Sourceval blur_3xl : Utility.t

blur_3xl applies a 3× extra-large blur.

Sourceval brightness : int -> Utility.t

brightness n sets brightness to n% (0-200, 100 is normal).

Sourceval contrast : int -> Utility.t

contrast n sets contrast to n% (0-200, 100 is normal).

Sourceval grayscale : int -> Utility.t

grayscale n applies n% grayscale (0-100).

Sourceval saturate : int -> Utility.t

saturate n sets saturation to n% (0-200, 100 is normal).

Sourceval sepia : int -> Utility.t

sepia n applies n% sepia effect (0-100).

Sourceval invert : int -> Utility.t

invert n inverts colors by n% (0-100).

Sourceval hue_rotate : int -> Utility.t

hue_rotate deg rotates hue by deg degrees.

Backdrop Filter Utilities

Sourceval backdrop_blur_none : Utility.t

backdrop_blur_none applies no backdrop blur.

Sourceval backdrop_blur_xs : Utility.t

backdrop_blur_xs applies an extra-small backdrop blur.

Sourceval backdrop_blur_sm : Utility.t

backdrop_blur_sm applies a small backdrop blur.

Sourceval backdrop_blur : Utility.t

backdrop_blur applies the default backdrop blur.

Sourceval backdrop_blur_md : Utility.t

backdrop_blur_md applies a medium backdrop blur.

Sourceval backdrop_blur_lg : Utility.t

backdrop_blur_lg applies a large backdrop blur.

Sourceval backdrop_blur_xl : Utility.t

backdrop_blur_xl applies an extra-large backdrop blur.

Sourceval backdrop_blur_2xl : Utility.t

backdrop_blur_2xl applies a 2× extra-large backdrop blur.

Sourceval backdrop_blur_3xl : Utility.t

backdrop_blur_3xl applies a 3× extra-large backdrop blur.

Sourceval backdrop_brightness : int -> Utility.t

backdrop_brightness n sets backdrop brightness to n% (0-200, 100 is normal).

Sourceval backdrop_contrast : int -> Utility.t

backdrop_contrast n sets backdrop contrast to n% (0-200, 100 is normal).

Sourceval backdrop_opacity : float -> Utility.t

backdrop_opacity n sets backdrop opacity to n% (0-100).

Sourceval backdrop_saturate : int -> Utility.t

backdrop_saturate n sets backdrop saturation to n% (0-200, 100 is normal).

Sourceval backdrop_grayscale : ?n:int -> unit -> Utility.t

backdrop_grayscale ~n () applies n% grayscale to backdrop (0-100). Defaults to 100%.

Sourceval backdrop_invert : ?n:int -> unit -> Utility.t

backdrop_invert ~n () inverts backdrop colors by n% (0-100). Defaults to 100%.

Sourceval backdrop_sepia : ?n:int -> unit -> Utility.t

backdrop_sepia ~n () applies n% sepia effect to backdrop (0-100). Defaults to 100%.

Sourceval backdrop_hue_rotate : int -> Utility.t

backdrop_hue_rotate deg rotates backdrop hue by deg degrees.