Press/to search

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

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

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