Vibrant, handmade, one-of-a-kind beaded necklaces crafted with precious stones and stunning crystals. Shop unique designs that add a colorful touch to your style.
Choosing a selection results in a full page refresh.
Opens in a new window.
/* Target the container for the banner (replace .banner__content if a different class is used) */
.banner__content {
position: relative; /* Allows an absolutely positioned pseudo-element to sit on top */
}
.banner__content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
/* Adjust 'height' to control the vertical size of the gradient */
height: 40%;
/* Creates a fade from transparent at the top to black at the bottom (0.7 opacity).
You can tweak the opacity and color as needed. */
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.5) 100%
);
/* Don’t block clicks on text or buttons above the overlay */
pointer-events: none;
/* Stacks the gradient above the banner background but below text inside .banner__content */
z-index: 1;
}
