Need help regarding gif's and animation

So I’m working on a project and I need to add some videos or gif’s to it. Just wondering what the best way to go about it is.

For example I will want to replace some of the images (Coat, Photos, Tiger) with a moving gif or animation when hover. And they need to be clickable.

I have a idea to basically export a transparent png image the exact same size as the background image but with a gif attached in the same place and then just place that on another layer. Would that be the best way to go about this?

Or would it be best to just recreate the image with moving objects in something like Adobe Animate and go from there?

Any help would be very much appreciated as I’m stuck right now figuring out what to do. Front end isn’t what I’m good at :frowning:

http://jordan-test.webflow.io/

If you have gifs, just use the background image property for your image content. That can be switched out as a rollover.

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.