Filters

Invert

Utilities for sets filter inverts effect to an element.


Class

classcss
invert-0filter: invert(0)
invert-1filter: invert(1.0)

Usage

Filter: OFFFilter: ON
<!-- Example -->
<img class="invert-1 ..."
src="...">


<y class="invert-1 ..."
style
="background-image:url(...)"
>
</y>

v1.1.1 Set auto dark theme enabled to an element with added (dark) prefix.

<!-- Example -->
<img class="invert-1 (dark)invert-0 ..."
src="...">


<y class="invert-1 (dark)invert-0 ..."
style
="background-image:url(...)"
>
</y>

Variant

VariantEnabledResponsive
DefaultYes
Dark Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled