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
Jochem2mo 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
Mannix2mo ago
I would never thought of doing it this way clever 😄