Skip to main content

Overlay

Square only

Adds a semi-transparent overlay over an element.

Basic examples

How can we help?

Colors

Use different overlay colors by adding overlay-[theme color] class to the element.

How can we help?

Position

If you need the overlay only from the top or the bottom, please add overlay-[theme color]-gradient-top-[0-100 in 10 steps] or overlay-[theme color]-gradient-bottom-[0-100 in 10 steps] classes.

How can we help?

Jump to