I’m having an issue with a hover interaction on my “home” page:
In the “Hero Trifecta” section, I have 3 link blocks, each containing a Title with a lottie squiggle underline (copied from this clonable showcase site: https://webflow.com/website/Squiggle-button-on-hover-solutions) that have interactions:
- On page load the 3 link blocks animate to assemble
- On hover each link block moves and scales (and reverts to original position and scale on hover out)
- On hovering over the titles, the squiggle underlines animate, on hover out they revert to their static initial state.
My issue is with interaction 3. - it works fine for two of the link blocks (Shop and Blog), but when hovering off the Portfolio title in the “welcome-trifecta-portfolio” link block, the animation doesn’t stop. And on each subsequent hover on the animation slows down a little more.
I’m not sure why this is happening, especially since the two lower Titles - white “Portfolio” and red “Blog” - have the same animations applied to them. Can anyone help me? Appreciate any help!