I’ve seen a lot of solutions about the mix-blend-mode:difference, but I couldn’t acheive the same effect. I added the code in a html embed, I tried having the code on parent container, I tried adding background color to white, I tried to check the actual class name in f12 but it still did not work.
Basically I want the texts in my nav bar (the logo, navigation, and language) to invert color based on what is underneath them during the scroll. For clarity I reset all the colored background to transparent just to make the layers easier to see. If anyone can help me check my website I will greatly appreciate!
Here is a screenshot of what im working with:
Thank you very much!
Here is my site Read-Only: