Make Gif animate on hover

Design help Animations & Interactions
1

Hi I am looking to make my blue bridge gif animate/play through the frames on hover. I attempted to put the png on top and the gif as the background then in interactions make the png disappear on hover but it did not work very well as you will see…

This is my preview link, if anyone has any advice let me know!

https://preview.webflow.com/preview/the-bridge-kathryn-asaro?utm_medium=preview_link&utm_source=dashboard&utm_content=the-bridge-kathryn-asaro&preview=b5c376c63ac1978201b44d47feb26a91&mode=preview

Here is my public share link: https://preview.webflow.com/preview/the-bridge-kathryn-asaro?utm_medium=preview_link&utm_source=dashboard&utm_content=the-bridge-kathryn-asaro&preview=b5c376c63ac1978201b44d47feb26a91&mode=preview
(how to access public share link)

1 Like
2

Hi Joshua, sounds like you had the right idea!

Here’s a full tutorial for future readers with the same goal:

Link to original post