Visibility / Opacity
Utilities for controlling the opacity of an element.
You can apply the following classes to change to opacity of an element.
Class | Properties |
.o-0 | opacity: 0; (invisible) |
.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; |
The following classes can be used to show/hide an element.
Class | Property | Notes |
.visible | visibility: visible; | |
.invisible | visibility: hidden; | Do not display the element, but reserve space for the element in layout. |
.collapse | visibility: collapse; | Do not display the element, and do not reserve space for it in layout. |
Last modified 4yr ago