Skip to content

Invert

Use utilities like invert and invert-20 to control the color inversion of an element.

Style('invert-0', child: Image.network('/img/mountains.jpg'))
Style('invert-20', child: Image.network('/img/mountains.jpg'))
Style('invert', child: Image.network('/img/mountains.jpg'))
ClassDescription
invert-0filter: invert(0%);
invert-<number>filter: invert(<number>%); (e.g. invert-20)
invertfilter: invert(100%);