How to Add a Scroll Down Hover Effect to Preview Web Page Designs in Divi

Elegant Themes

Hey Divi Nation, welcome to a brand new Divi Use Case live stream where each week we show you how to add new design and functionality to your Divi website.Whether it’s in a portfolio page or an image gallery, web designers need to showcase their designs for clients as a crucial part of driving business. And, many times, these examples of their work include images of entire web page designs which can take up a lot of space. That’s why adding a scroll down hover effect to these images can set your portfolio apart. This allows the user to see a compact portion of the design initially. But when the user hovers over the image, the image scrolls to slowly reveal the rest of the design as if they are scrolling down a web page.In this tutorial, I’m going to show you how to use Divi to add a scroll down hover effect to images that will allow users to preview web page designs. This is an elegant interactive element that I think you are going to love.Check it out!You can read the post for this use case here:https://www.elegantthemes.com/blog/divi-resources/how-to-add-a-scroll-down-hover-effect-to-preview-web-page-designs-in-diviIf you need the Divi Theme, you can check it out the product page here: https://www.elegantthemes.com/gallery/divi/Want to give back to the community? Share your empowering knowledge, skills, experience, and creativity on the Elegant Themes blog by contributing:https://www.elegantthemes.com/blog/community/elegant-themes-blog-submissions