Class | Description | Quick Example |
---|---|---|
.overlay-light
.overlay-dark
.overlay-opacity-[0-9]
.opacity-99
.overlay-opacity-[0-9]-hover
|
Overlays are used on various places. Example: using together with
You can set the overlay opacity using
You can set an overlay in two ways:
|
Overlay :after
Overlay .absolute-full
.absolute-full .overlay-dark .overlay-opacity-2
.absolute-full .overlay-dark .overlay-opacity-6
|
.opacity-[0-9]
.opacity-none
|
Add opacity to anything: text, images, buttons, etc |
original, no opacity
![]() ![]() ![]() |