Listing Category: Animate

Create a scrolling image on hover – Great for previews or to showcase something

Recently I’ve seen a number of folk ask how to reproduce the scrolling image effect that seems to becoming more popular these days so I decided to figure it out and create a tutorial on how to do it. You can check it out on in here…

How to give Image Hover Zoom Effect on Divi Blurb Module

“Blurb modules are incredibly handy because they package up an image and some text into one module. This makes it easy to move them around and to style them. We will use some CSS to achieve the effect we are looking for. We strongly recommend you use a child theme for this…”

Image Hover Zoom Effect in Divi Theme

“Adding a zoom effect to an image on hover isn’t enormously difficult and it creates interest and, if you have a link on the image, gives some visual feedback. “

Divi Blog Module Image Hover Zoom Effect

“A few months ago we wrote about how to add a zoom effect to Divi images on mouse hover. It turns out that it is even easier to do this with Divi Blog modules. This is because the Blog featured image is already sitting inside a container and it is this ‘parent container’ that can be used to constrain the zoom so that any expansion of the image is hidden.”

Slide in blurred animation

“Hey! Learn how to create a timed slide in blurred animation. I’m starting to upload YouTube videos to help you better understand the tutorials.”

Create an Expanding CTA with page scroll

“We are going to show you how to duplicate not only the style of Elegant Theme site’s creative CTA but also the animation functionality. This is accomplished using Divi’s Code Module with some custom CSS and a a few lines of JavaScript. However, you can easily extend the same animated functionality on any of Divi’s modules….”

Microinteractions That Will Make Your Divi Site More Enjoyable

“Today I’m going to show you some simple microinteractions that work seamlessly with Divi. Some of the more advanced microinteractions require more advanced jquery to implement. But, for this tutorial, I’m going to show you how to add some animations using only CSS. I’ll be concentrating on those elements that users normally interact with – buttons, icons, images, and forms….”

Growing and Shrinking Background Image in Divi

Learn how to have your Section background image grow and shrink on hover. Also learn how to utilize multiple backgrounds….

Change Hover Color in Divi Secondary Nav

Can you please help me to change the hover color for the menu items just in the secondary menu?

Have you seen our Newsletter?
Here are Past Issues

Have you seen our Newsletter?

Here are Past Issues

Subscribe now so you won't miss out on our 'Weekly Coverage of Most Useful Divi Tutorials' newsletter.

You have Successfully Subscribed! Please Confirm the Subscription from your mail