[BUG]: Hovering on Achievement Progress creates a glitching animation

[mikah13]

Description

URL:
https://code-racer-eight.vercel.app/dashboard/awards

Hovering my mouse at the bottom edge of the Achievement Progress button keeps the component bouncing infinitely

(optional) What browsers are you seeing the problem on?

Chrome

Code of Conduct

• I agree to follow this project's Code of Conduct

[QuickerMaths]

I could fix this, but honestly, I think that some shining animation like this https://codepen.io/dmensinger/pen/PPRzpK would look way better. It could be looped infinitely or fired on mouse hover. What do you think?

[mikah13]

infinite loop definitely sounds like a great idea, I think it fits with the theme of a racing game too

https://codepen.io/ has a cool transition when you hover on the start coding button

https://codepen.io/onthreat/pen/wvRKBRv this is me trying to recreate that same effect

[QuickerMaths]

Thats looking really solid in my opinion, would you mind if I implement this?

[mikah13]

yes please go ahead