Divi Scroll Effects Tutorial | New Feature
HTML-код
- Опубликовано: 8 фев 2025
- In this video I show you how to use the new scroll effect feature in the Divi theme. It has an easy interface that will enable you to add horizontal, vertical, blur, opacity, scale and rotate effects based on the scroll behaviour of the visitor.
In this video I show you how you can apply single effects on modules and how to combine multiple scroll effects.
Example website:
divi4.com/divi...
BRILLIANT ! I AM SO HAPPY that you are giving tutorials on DIVI again. You taught me divi, I bought divi because of you.
You have a crisp, efficient way of explaining. No ridiculous "um, oops, let's try this instead..." like another guy trying to explain Scroll Effects. I think he was trying to learn as he was trying to "teach," whereas you know your stuff ahead of time. I subscribed, which I don't often do.
Oh my goodness. This is exactly the video tutorial I was looking for. Thank you for this and making it so easy to follow. I'm so new to working on my website myself that I felt I was getting overwhelmed and bogged down with videos that seemed to be missing steps. Thank you again!!!
Minute and a half in and a thousand times better than the official Elegant Themes videos on the subject. Liked and subscribed.
Great info! You wouldn't believe it, but El.Themes didn't wrote proper documentation about this. So I found out how to control the direction of horizontal scroll from your video. Thanks!
You are my favorite Divi Teacher,. Thanks so much for your time and help.
Love from Pakistan.
Oh my god thank you so much for this video! I was really stuck with understanding this and there were no videos about this on youtube except yours!
Tks 4 the Video! 🤞🏾
I think there are a lot of contents about Divi you should start talking about. You made me understand this scroll effects easier than another youtube chanels. You explane very well. Keep going with Divi and will become a grand and powerfull player about it in a fewer time... 👊🏾
Thank you! I should and I will!
Great Tuturial I love the way you explain it.
Thks From Lisbon-Portugal
Divi is really getting better and better really quickly! Nice vid!
Thanks for Very detailed tutorial
Better than Divi's own tutorial
Awesome video man!!!! you're teaching style great and really helpful, keep up the great work man.
Thank you Ferdy. I have DIVI and it is awesome. Thank you for supporting and making it better =]
My man. great teaching! Dankjewel
I also liked your videos the way you describe everything and believe me you are Legend!
Wow, thanks
@@ferdycom Can you please make a video on GeneratePress Theme Created By Tom Usborne
Great demo - cheers
Love it. Thanks. More divi please.
Thanks for the share. Good luck these days. A good time for shooting more videos........
True 😊😊
Fabulous. Question - how do you get your image to be on top of your text (the runner)? I can't figure out how to get my image lined up over the text or another image. Thanks for a great video!
Very well explained!
Awesome bro... .. I' ll definitely check it out..Thanks a lot for sharing.
Perfect explanation!
Hi Ferdy, first just wanted to say that your videos are great and I've learned a lot from them. Thank you! Second, in some of your older videos, you felt Elementor was the best page builder. Now that Divi 4.0 is out, do you still feel Elementor is the best or is Divi 4.0 the new king? Sorry if this puts you on the spot. Again, keep up the work with your amazing tutorials!
can u use some sort of easing to the scroll effect?
Thank you Ferdy!
Excelent tutorial. Is it possible to make motion effects run just once for the first scroll as in the animations effects?
Great video Ferdy. Ferdy do you have a video that explains all the different sizing codes that people use in the builder and what they mean, like I see people using vw/px/% commands when working with images/sizing and spacing etc. Are there more different codes that can be used? I've never heard anyone explain what vw stands for.
Is there any way to get the thing to go to the right FIRST on scroll down instead of horizontally moving to the left. The reverse of default.
Hi Ferdy,
I really liked your videos including content. The way you explain. Can you tell me the accessories you are using for video production in detail?
Yes! Search on RUclips for 'Ferdy Equipment'. You will find my video about that 😊
thanks a lot for this
Lovely nicely done
Why does an element with applied scrolling effect get opposite effect when it’s touched by mouse?
Excellent, Thanks!
Thx again for this tutorial..
0:22 could you tell me how you designed the testimonial design.
Hi Ferdy and first of all thank you for your amazing tutorials. Everything looks great, your knowledge, the way you explain, the very nice and professional image quality. Congratulations!!
I have one question. I start with Wordpress and Divy and I have some issue to get a nice aspect in the smartphone format. Laptop very nice, tablet I get a decent result, but with the smartphone size it is a desaster and very difficult to configure anything. And now that I see this beautifull tutorial with animations, I can't imagine that, reduced in the smartphone format...
In divi you can hover by nearly every setting and more options appear. Click the smartphone icon and new option appears that allow you set different values for desktop, tablet or smartphone and basically you have to adjust it this way to get good results on every device.
Hi, I am trying to create a gradient overlay over a header video. 'Place gradient above background image' is not applying. Please guide me.
Hello Ferdy! I need a help on creating a background zoom on scroll please.
great job
Hey bro i'm from Panama... I'm learning so much with you... It would be good if you put subtitles in Spanish and you could have more reach, because I'm just beginning to learn English
Thank you
Nice video 👌 👍
Great tutorial as always! What layout were you using to get the runner to be over one text and under another? For the life of me I can't figure out how to make an overlap of image and text like that work!
That is my question too. Did you find out?
Thanks Ferdy
nice one, thanks!
Hi Ferdy , Can you tell me how can i do ? i want to create a bank ifsc code finding wordpress website and for that i need to create a some field option like bank name , state, city ,etc. Is there any easy and possible way for nesting that fields
Awesome !!
Hey bro i have divi. Can you please tell me the difference between 5 page vs 1 page site with divi?
With one page you have everything on one page instead of multiple pages.
@@ferdycom bro do you have any video on it or any example website. Thanks bro.
Can i find a full DiVi Tutorial ??
Hi, how do I create a scrolling effect where two image halves (one coming from the left and the other from the right) meet in the middle, forming one image? I've played around with the scrolling effects feature but just can't get them to meet in the middle. Thank you. I want to split my logo in half and both sides of it drag in two square blocks, with writing that the client can click. Thanks so much
Have you tried splitting your image into two separate images and having a two columned section each housing a full width image (or background)? Then you could have each of them use their own horizontal movement scroll motion (left image in the negative coming to 0, right image in the positive coming to 0). It'll be a bit janky fixing it up for the mobile version (position absolute for each section and left/right align, then playing with the styles), but it'd work! :)
Is it mobile friendly
Is it possible on elementor pro?
Please Freddy, It's possible to had a rescent tutorials of enfold 2020
Can you create a tutorial on Dropshipping
This pulgin free?
dear sir link not found
Hi. Is this for free version?
There is no free version of Divi.
@@ferdycom Thank You 🙂
Bomb
Elementor VS Divi ,,, pleas give us a pro Compact
Hey bro. Can you make a tutorial on how to run Facebook ads.
Yes I will!
may be i am the 1st viewer
thank u ferdy..for making customization
so easy