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.