search

webdevcody / code-racer

https://code-racer-eight.vercel.app
MIT License
694 stars 514 forks source link

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

Closed mikah13 closed 1 year ago

mikah13 commented 1 year ago

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

QuickerMaths commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

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

mikah13 commented 1 year ago

yes please go ahead