I'm trying to make a GIF only plays when hovering, in Vuejs. The GIF I'm using is a dynamically fetched GIF from an API. The API returns the GIF URL. How to make it stop animating and only show the first frame?
N.B without changing the src with a static image (because there's no static image in the API i'm using).
I tried CSS animation and it didn't work.