How can I trigger a GIF playing whilst scrolling down & while hovering over it?

[ad_1]

Hi everyone! I’m extremely new to WordPress and web-design in general, so I have an embarrassingly simple question. I have a GIF I’d like to play at the bottom of my page, as soon as a user scrolls down, the second the GIF object becomes visible, I’d like for it to play just once. And it needs to stay on the page, I don’t need it to stick or anything.

I also have a seperate gif on my header, and I’d like for the GIF animation to play as soon as the mouse hovers over it (before hovering over it, it needs to be a still of the first frame of the GIF). The dimensions need to stay the same (this is for a simple logo animation)

If you guys can provide an answer, or a tutorial for these things I’d greatly appreciate it! Let me know how simple or difficult something like this would be.

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer