Kevin Powell - Community•4mo ago

Scroll Shadow in CSS

When I scroll the white shadow is coming from below. How to make this with CSS. https://www.harpersbazaar.com/uk/fashion/fashion-news/a60332110/luxury-designer-online-shopping-future/

Harper's BAZAAR

What's the future for luxury online shopping?

Have we fallen out of love with buying designer goods online? We explore what's next for the multi-brand e-tailer

2 Replies

Jochem•4mo ago

linear gradients support alpha values, this is how they do it

.css-1y5oyad {
    position: relative;
    top: -100vh;
    height: 200vh;
    width: 100%;
    pointer-events: none;
    background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255));
}

.css-1y5oyad {
    position: relative;
    top: -100vh;
    height: 200vh;
    width: 100%;
    pointer-events: none;
    background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255));
}

Mannix•4mo ago

I would never thought of doing it this way clever 😄

Gaming

Programming

Scroll Shadow in CSS