Streaming live at 10am (PST)

Tiny glitch movement with hover 'move' interaction

I am building a selection of cards with hover interactions applied. I have the text moving with ‘hover on’ and moving back on ‘hover off’.

In Chrome, there is a slight glitch movement on some of the text at the start and the end of the animation. The strange thing is that it is only happening on some of the cards, for example if you look at the bottom two at the base of the page - you will see it happening on the right hand one. But both cards are just copies - with exactly the same divs and exactly the same interactions applied?

https://alistairs-first-project-e51933.webflow.io/symbol-testing

It doesn’t appear to be happening in Safari, but there seems to be a bug on the rounded corners/overflow which I also need to fix.

It’s VERY subtle, but I really want to fix it.


Here is my public share link: LINK
(how to access public share link)