I have created a contrast logo which switches between light and dark when going over different sections of the page, my header is set to 100vh and the rest between 60 and 80 vh how can I set the trigger on the interaction so that when I rollover each section the animation fades to the correct one.
One other issue is knowing which direction you have entered and exited the section to know which animation to trigger. Any help would be awesome as I need to get this working I don’t want to have to default to a solid behind the logo.
Here is my public share link: [LINK]https://preview.webflow.com/preview/web-intensive?preview=bac5be0c712966ba1bf6c70e04a2d6ad1
(how to access public share link)