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