We're celebrating a new year and new skills, by offering a 21% discount off all courses and collections at checkout! ✨

Playing and Pausing a Video on Hover

Published

February 27th 2018

Difficulty

Beginner

Posted by

Rik Lomas

On webpages like the Animade portfolio, they're using an effect where, instead of using an animated GIF, they're using a video that plays when your mouse goes over it, and pauses when your mouse moves away. This play and pause effect is pretty simple to add into any site.

View demo

Want more? Sign up for our newsletter for more articles, resources, and fresh inspiration