Opacity

Opacity of elements.

Css Class
Value

.o-10

0.1

.o-20

0.2

.o-30

0.3

.o-40

0.4

.o-50

0.5

.o-60

0.6

.o-70

0.7

.o-80

0.8

.o-90

0.9

.o-100

1


     <div class="display-i-b bg-purple text-white o-10 mt-3 mr-3 p-2">
        opacity 10
      </div>
      <div class="display-i-b bg-purple text-white o-30 mt-3 mr-3 p-2">
        opacity 30
      </div>
      <div class="display-i-b bg-purple text-white o-50 mt-3 mr-3 p-2">
        opacity 50
      </div>
      <div class="display-i-b bg-purple text-white o-70 mt-3 mr-3 p-2">
        opacity 70
      </div>
      <div class="display-i-b bg-purple text-white o-90 mt-3 mr-3 p-2">
        opacity 90
      </div>

Last updated