Opacity

Opacity specifies how transparent an element is.

Opacity is the degree to which an object or material allows light to pass through it. Use the following tokens to apply transparency to an element.

Opacity Tokens



TokenValueExample
0opacity
—opacity-10.04opacity
—opacity-20.08opacity
—opacity-30.12opacity
—opacity-40.16opacity
—opacity-60.24opacity
—opacity-80.32opacity
—opacity-100.40opacity
—opacity-120.48opacity
—opacity-160.64opacity
—opacity-200.80opacity
1opacity


Was this page helpful?