Text fading on top

Hello,

I stumbled upon this design detail: André Andrade — Media & Interaction Designer (when the user scrolls, the text fades into a white tansparent section on top) = any idea how to do this?

thank you!

You can have a div with desired dimensions laying over the content, fixed on top, with a gradient from white and opacity 100% to white and opacity 0%. That’s pretty much what they do.

http://vincent.polenordstudio.fr/snap/DevTools_-_andreandrade.chinfoindex.html_2018-12-10_10-43-24.png