Filters

Invert

Utilities for sets filter inverts effect to an element.

Class

class	css
invert-0	filter: invert(0)
invert-1	filter: invert(1.0)

Usage

Filter: OFF

Filter: 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

ResponsiveDark ModeLight ModeReduce-MotionPortraitLandscapeHoverGroup-HoverFocusGroup-FocusFocus-VisibleFocus-WithinActiveVisitedCheckedDisabled

Default enabled variants. Read more information about the Responsive and Pseudo-Class Variants.