So I’m trying to create a menu page where a picture appears behind the text when you hover over the text. I’d like the text’s color to change so that it contrasts nicely over the background image, but I can’t seem to figure out a solution. I found a thread covering the “mix-blend-mode: difference” option, but that’s not working for whatever reason.
I tried adding an ID and targeting the ID using custom code, but that didn’t work.
Any help would be greatly appreciated! Thanks all.
NOTE: When you click the link to my project, focus solely on the third row of text shown on the page. This is my test row. The other two rows already have old animations associated with them that don’t fit the new direction I’d like to go with this page. So again focus on that third row.
Here’s an example from another page. This is exactly the kind of effect I’m trying to achieve here:
Here is my site Read-Only: