I’m trying to create an animated footer, where layers of waves and a whale move slightly with the mouse.
The Y axis is not responding to my mouse movement at all on live preview, even if I publish the site it’s still not making the Y axis animation take effect.
I’m using Mac High Sierra with latest Safari, and I’ve tried on the latest Chrome too.
When I move the mouse outside of the viewport, it just defaults to 50%
Nice little effect there @magicmark - fits the site really well, and I can imagine a children’s narrator on Jackanory telling the story while the whale moves!
However I do have a workaround that you can use. You can use the mouse move over element animation trigger rather than in viewport. In this case, you can set the trigger on the section, and have water & whale pieces animate.
I’ll post back here as soon as I have an update for you.
Markos, I had this issue on my personal portfolio with the On Hover Element with Interactions 2.0. It seemed to have stemmed from a Z-Index issue. Try checking some of the Z-Indexes of your Div containers.
I hope this helps. Nice website by the way! You should be proud of that.
I never got round to changing this to the suggestion above, but just to let you know the issue seems to be resolved. If you did something, thank you! If you didn’t, thanks for everything else anyway.