Overlay
An overlay is an alpha layer that is superimposed as a top layer over the content being overlayed.
Overlay
Easily add an overlay to any element by including .overlay class.
.overlay-1
.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9
.overlay-2
.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9
.overlay-3
.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9
.overlay-4
.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9
.overlay-5
.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9
.overlay-6
.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9
Gradients
You can opt to use gradients overlay by adding .gradient to any element.
Using .gradient-34
View all gradient variations here
.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9