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...

Комментарии • 75

  • @mariaj.bradshaw1628
    @mariaj.bradshaw1628 4 года назад +3

    BRILLIANT ! I AM SO HAPPY that you are giving tutorials on DIVI again. You taught me divi, I bought divi because of you.

  • @chazdesimone7306
    @chazdesimone7306 4 года назад

    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.

  • @EdenChase-sm5li
    @EdenChase-sm5li 9 месяцев назад

    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!!!

  • @jerrettfarmer
    @jerrettfarmer 4 года назад +1

    Minute and a half in and a thousand times better than the official Elegant Themes videos on the subject. Liked and subscribed.

  • @RR-js1el
    @RR-js1el 4 года назад +1

    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!

  • @DailyViralScoop
    @DailyViralScoop 4 года назад

    You are my favorite Divi Teacher,. Thanks so much for your time and help.
    Love from Pakistan.

  • @tylerbraun553
    @tylerbraun553 2 года назад

    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!

  • @helioalexandrino7
    @helioalexandrino7 4 года назад +1

    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... 👊🏾

    • @ferdycom
      @ferdycom  4 года назад

      Thank you! I should and I will!

  • @alvarocarrilho
    @alvarocarrilho Год назад

    Great Tuturial I love the way you explain it.
    Thks From Lisbon-Portugal

  • @chrismalone617
    @chrismalone617 4 года назад

    Divi is really getting better and better really quickly! Nice vid!

  • @ShafenBadar
    @ShafenBadar 2 года назад

    Thanks for Very detailed tutorial
    Better than Divi's own tutorial

  • @hariompawar1741
    @hariompawar1741 3 года назад

    Awesome video man!!!! you're teaching style great and really helpful, keep up the great work man.

  • @Alfdehombre
    @Alfdehombre 4 года назад

    Thank you Ferdy. I have DIVI and it is awesome. Thank you for supporting and making it better =]

  • @Chriswilliamsyoutube
    @Chriswilliamsyoutube 3 года назад

    My man. great teaching! Dankjewel

  • @dia-elsayed7469
    @dia-elsayed7469 4 года назад

    I also liked your videos the way you describe everything and believe me you are Legend!

    • @ferdycom
      @ferdycom  4 года назад

      Wow, thanks

    • @dia-elsayed7469
      @dia-elsayed7469 4 года назад

      @@ferdycom Can you please make a video on GeneratePress Theme Created By Tom Usborne

  • @Floatnride
    @Floatnride Год назад

    Great demo - cheers

  • @lansingdoesbusiness9356
    @lansingdoesbusiness9356 4 года назад

    Love it. Thanks. More divi please.

  • @JeroenBults
    @JeroenBults 4 года назад +2

    Thanks for the share. Good luck these days. A good time for shooting more videos........

  • @mcpheex3
    @mcpheex3 8 месяцев назад

    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!

  • @rgbcom
    @rgbcom 3 года назад

    Very well explained!

  • @SkynetJoe
    @SkynetJoe 4 года назад

    Awesome bro... .. I' ll definitely check it out..Thanks a lot for sharing.

  • @1kitts
    @1kitts 4 года назад

    Perfect explanation!

  • @edboon2375
    @edboon2375 4 года назад +1

    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!

  • @KingTuttanKamon
    @KingTuttanKamon 4 месяца назад

    can u use some sort of easing to the scroll effect?

  • @robertbiedermanndesign
    @robertbiedermanndesign 4 года назад

    Thank you Ferdy!

  • @alitradeok
    @alitradeok 3 года назад

    Excelent tutorial. Is it possible to make motion effects run just once for the first scroll as in the animations effects?

  • @mysticalsouls
    @mysticalsouls Год назад

    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.

  • @drewthegeek13
    @drewthegeek13 2 года назад

    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.

  • @krunalshah743
    @krunalshah743 4 года назад +1

    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?

    • @ferdycom
      @ferdycom  4 года назад +1

      Yes! Search on RUclips for 'Ferdy Equipment'. You will find my video about that 😊

  • @ziminvestors
    @ziminvestors 3 года назад

    thanks a lot for this

  • @dubaigeek1988
    @dubaigeek1988 4 года назад

    Lovely nicely done

  • @elenanekhoroshkova2288
    @elenanekhoroshkova2288 2 года назад

    Why does an element with applied scrolling effect get opposite effect when it’s touched by mouse?

  • @lautarob
    @lautarob 4 года назад

    Excellent, Thanks!

  • @frontcode
    @frontcode 4 года назад

    Thx again for this tutorial..

  • @Batman-tw5yv
    @Batman-tw5yv 7 месяцев назад

    0:22 could you tell me how you designed the testimonial design.

  • @josebecerra22
    @josebecerra22 4 года назад +1

    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...

    • @kppkdsgn
      @kppkdsgn 4 года назад

      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.

  • @rukminikotamraju
    @rukminikotamraju 4 года назад

    Hi, I am trying to create a gradient overlay over a header video. 'Place gradient above background image' is not applying. Please guide me.

  • @senghorcorp
    @senghorcorp Год назад

    Hello Ferdy! I need a help on creating a background zoom on scroll please.

  • @ubaidrasheed7324
    @ubaidrasheed7324 Год назад

    great job

  • @juandaniel8139
    @juandaniel8139 4 года назад

    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

  • @MultiKezo
    @MultiKezo 8 месяцев назад

    Thank you

  • @puneetwebdeveloper
    @puneetwebdeveloper 4 года назад

    Nice video 👌 👍

  • @trailhops
    @trailhops 2 года назад

    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!

    • @webnavi5528
      @webnavi5528 Год назад

      That is my question too. Did you find out?

  • @wantaimbotgoogleflawlessai3407
    @wantaimbotgoogleflawlessai3407 4 года назад

    Thanks Ferdy

  • @driesanalog4187
    @driesanalog4187 4 года назад

    nice one, thanks!

  • @chandraprakashmogha1745
    @chandraprakashmogha1745 4 года назад

    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

  • @sujitbiswasseo
    @sujitbiswasseo 4 года назад

    Awesome !!

  • @Hsa008
    @Hsa008 4 года назад

    Hey bro i have divi. Can you please tell me the difference between 5 page vs 1 page site with divi?

    • @ferdycom
      @ferdycom  4 года назад +1

      With one page you have everything on one page instead of multiple pages.

    • @Hsa008
      @Hsa008 4 года назад

      @@ferdycom bro do you have any video on it or any example website. Thanks bro.

  • @omartakroni8699
    @omartakroni8699 4 года назад

    Can i find a full DiVi Tutorial ??

  • @caryslauren3057
    @caryslauren3057 3 года назад

    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

    • @SnowySnugglekins
      @SnowySnugglekins 2 года назад

      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! :)

  • @MLBB-Local-Tournament-India
    @MLBB-Local-Tournament-India 4 года назад

    Is it mobile friendly

  • @vugarmammadov
    @vugarmammadov 4 года назад

    Is it possible on elementor pro?

  • @alphonsenshombo6055
    @alphonsenshombo6055 4 года назад

    Please Freddy, It's possible to had a rescent tutorials of enfold 2020

  • @amitpaple
    @amitpaple 4 года назад

    Can you create a tutorial on Dropshipping

  • @aparnapriyadarshini2898
    @aparnapriyadarshini2898 3 года назад

    This pulgin free?

  • @ltmedia0305
    @ltmedia0305 Год назад

    dear sir link not found

  • @thaliaroxas6075
    @thaliaroxas6075 4 года назад

    Hi. Is this for free version?

    • @ferdycom
      @ferdycom  4 года назад

      There is no free version of Divi.

    • @thaliaroxas6075
      @thaliaroxas6075 4 года назад

      @@ferdycom Thank You 🙂

  • @futurhive
    @futurhive 4 года назад

    Bomb

  • @omartakroni8699
    @omartakroni8699 4 года назад

    Elementor VS Divi ,,, pleas give us a pro Compact

  • @agb0r
    @agb0r 4 года назад

    Hey bro. Can you make a tutorial on how to run Facebook ads.

  • @ruthlessreigns9333
    @ruthlessreigns9333 4 года назад

    may be i am the 1st viewer