Brightness

Use brightness utilities to control the brightness of an element. Values below 100 darken the element, and values above 100 brighten it.

Basic example

Use utilities like brightness-50 and brightness-200 to control the brightness of an element:

Style('brightness-50 ...', child: Image.network('/img/mountains.jpg'))
Style('brightness-100 ...', child: Image.network('/img/mountains.jpg'))
Style('brightness-125 ...', child: Image.network('/img/mountains.jpg'))
Style('brightness-200 ...', child: Image.network('/img/mountains.jpg'))

Class reference

Class	Description
brightness-0	Set brightness to 0
brightness-50	Set brightness to 0.5
brightness-75	Set brightness to 0.75
brightness-90	Set brightness to 0.9
brightness-95	Set brightness to 0.95
brightness-100	Set brightness to 1
brightness-105	Set brightness to 1.05
brightness-110	Set brightness to 1.1
brightness-125	Set brightness to 1.25
brightness-150	Set brightness to 1.5
brightness-200	Set brightness to 2