How To Use The Divi Scroll Effects

In this video and Divi tutorial, I'm going to show you how to use the new Divi Scroll Effects, the new animation motion effects builder in Divi.

There Are 6 New Scroll Effects In Divi

  • Vertical Motion
  • Horizontal Motion
  • Fading In and Out
  • Scaling Up and Down
  • Rotating
  • Blur

The new settings are found in the Advanced tab of any section, row, column or module. Here is how it looks:

how to use the Divi scroll effects

I show you how to use each one of these Divi scroll effects in the video, so be sure to watch it all the way through as I show example and explain everything.

A Warning

At the ending of my video, I share my biggest concern with the Divi scroll effects update. If you are setting up your Divi scroll effects on desktop, please be sure to check mobile. By default, turning on one of the effects will change it for all devices, including mobile. At this time, there is no way to simply turn off mobile without going through every single setting of every single effect and putting in 0 or 100%. That’s no fun! Hopefully Elegant Themes realizes this and makes an update to it.

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.

Join Our NEW Divi Facebook Group!

The Divi Teacher Logo

Related Posts

Leave A Response!

2
Leave a Reply

avatar
  Subscribe  
newest oldest most voted
Notify of
Aleksandra
Aleksandra

Very clear and very helpful. I wanted to dig into animation effects but I did not know where to start. That helps a lot! Thank you!

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

0

Your Cart