Change text color black to white on overlap of bg
I have a div that is positioned absolute with a background color gradient. I have this text on it that I want to change to the color white as I scroll the text up. I'm using the 'mix-blend-mode' property to achieve this currently but I can't find any setting that will turn the text from black to white. Has anyone done this before or can think of a trick I can do? .bg-container { position: fixed; top: -30px; left: 0; width: 100px; height: 100px; } .gradient-background { position: absolute; top: 0; left: 0; width: 100px; height: 200px; background-image: linear-gradient(to bottom, rgb(100, 182,