Links

Visibility / Opacity

Utilities for controlling the opacity of an element.

Opacity

Applies to: VisualElement
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;

Visibility

Applies to VisualElement
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.