Opacity

Set the opacity for an element.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

o-0

opacity: 0;

o-10

opacity: .1;

o-20

opacity: .2;

o-30

opacity: .3;

o-40

opacity: .4;

o-50

opacity: .5;

o-60

opacity: .6;

o-70

opacity: .7;

o-80

opacity: .8;

o-90

opacity: .9;

o-100

opacity: 1;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.