Hi everyone,
I’m working on a hover effect in Webflow where a green text bar appears over an image when hovered. I created a smart animation that reveals the text bar on hover, and it works well – the bar appears exactly as expected.
However, I’m experiencing a strange issue: when I try to hover over the green text bar itself to click the link, the opacity changes unexpectedly, making the interaction feel buggy. It seems like hovering on the text bar re-triggers the animation, causing it to flicker or disappear briefly.
Has anyone encountered a similar problem or have any suggestions for fixing this? Here are some things I’ve already tried:
• Ensuring the green bar’s hover state has opacity set to 100%.
• Checking for nested animations or overlapping hover effects.
Any advice would be greatly appreciated!
Thanks in advance!