Better animating this in css or js?

Question

Hello everyone,

i have this png ( https://ibb.co/CQwdnx1 ) used as a background for a header,
there's a character reflected in the mirror that i want to play an animation where the character glasses shines on hover.

I was thinking about calling a gif of the character on hover via css, where the gif is contained in a flexbox that i would place in the rear-view mirror, but i think it would be tricky to render correctly without some kind of clipping.

I have not started js for now, is that it i should use to do that correctly?

Answer 1

You can use html5 canvas as background. It makes the work done efficiently.

Answer 2

Thanks, it indeed helped me!