Help Center
Table of Contents
< All Topics
Print

How to make image scroll on hover

You might have noticed that on some website, particularly those sites that sells website themes, you could hover your cursor on a theme image and that image starts to scroll from top to bottom. You can try out what I mean on Elegantthemes theme gallery.

If you need to do something like this for your website, you can do it very easily using Elegantthemes Divi theme to build your site. No additional plugin is needed. All you need to do is add a line of code and adjust the image design settings accordingly. The video below illustrates very clearly how it can be done.

 

 

If you are using Elementor to build your website, click here to see how that can be done using Elementor.

If you are using Beaver to build your website, click here to see how it can be done.

If you are not using any website builder you can still create that effect using CSS. Click here to see how it is done.