Skip to content

Sepia

Use utilities like sepia and sepia-50 to control the sepia tone of an element.

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