GROW-SHRINK SECTION ON SCROLL WITH GSAP - Elementor Wordpress Tutorial Flex Container

Поделиться
HTML-код
  • Опубликовано: 7 авг 2024
  • CODE: www.notion.so/CODE-Grow-shrin...
    🟠 SUBSCRIBE TO THE NEWSLETTER:
    newsletter.studioegli.com/
    🟠 TRY ELEMENTOR
    be.elementor.com/visit/?bta=2...
    🟠 TRY HOSTINGER
    hostinger.com?REFERRALCODE=1ANDREEA61
    🟠 WORK WITH ME
    www.studioegli.com/
    🟠 YOU CAN FIND ME HERE TOO
    TWITTER - @AndreeaEgli
    LINKEDIN - / egliandrea
    INSTAGRAM - / egliandrea.studios
    🟠 FOR BUSINESS ENQUIRIES
    contact@studioegli.com
    Disclaimer - Some links in my videos' description box may be affiliate links, meaning I will make a commission on purchases you make through my link. This is at no extra cost to you to use my links/codes, it's just one more way to support me and my channel! :)
    #elementortutorial #elementorpagebuilder #elementortipsandtricks

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

  • @alexandrudragoi9065
    @alexandrudragoi9065 Год назад +4

    Hey Andrea, your tutorials are simply awesome. Great work and I hope you gain more and more followers, because you truly deserve it.

    • @andreaegli
      @andreaegli  Год назад +1

      Thank you so much (multumesc mult ☺️), Alex! Me too 😅

  • @martialcouderc1545
    @martialcouderc1545 Год назад +1

    Bravo and thank you for all your videos, they're great. Keep it up, it's a real pleasure to wait for the new videos

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

      Aw, thank you so much, Martial! I really appreciate it ☺️

  • @thewebstylist
    @thewebstylist Год назад +1

    Awesome effect and tutorial 🎉

  • @emanoelrocha5409
    @emanoelrocha5409 7 месяцев назад +2

    I'm realy realy hypnotized by your tutorials! I can't stop watching! TKS👏👏👏👏

    • @andreaegli
      @andreaegli  7 месяцев назад +1

      😁 thank you so much, Emanoel! No need to stop, keep watching 🤓

  • @JohnXionidis
    @JohnXionidis Год назад +1

    Those gsap and animations tutorials in general is something that is missing from elementor videos! Thanks a lot for sharing!

    • @andreaegli
      @andreaegli  Год назад +1

      Yup, I agree! That's one reason why I started making them. You're welcome!!!!

  • @baptistedebels8987
    @baptistedebels8987 Год назад +1

    Yeeeah you're the best ! Another idea : 10 bests gsap effects in 2023 ! You rock 🔥🔥

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

      😁 Thank you so much, Baptiste! Ok, added to my list!

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

      @@andreaegli thank YOU Andrea !

  • @danialahmad2854
    @danialahmad2854 Месяц назад +1

    Amazing ❤✨

  • @zorrillacarlos24
    @zorrillacarlos24 Год назад +1

    Great content elementor-gsap!!!

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

    We are building a section that grows and shrinks on motion scroll with GSAP because we love GSAP!!!! Will be using this effect in next week's video so you can see it in 'action' in a different 'setting'.

  • @jean-mahmoud_du_tacobel
    @jean-mahmoud_du_tacobel Год назад +1

    Bravo Andrea 🤜🤛

  • @sameerpatelxyz
    @sameerpatelxyz Год назад +1

    Thanks for gsap tutorial

  • @andreiof5
    @andreiof5 Год назад +1

    Wonderful content!

    • @andreaegli
      @andreaegli  Год назад +1

      Thank you so much, Andrei!

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

      @@andreaegli, please, marry me! 🥰

  • @ahmadch7594
    @ahmadch7594 3 месяца назад

    Hello Andrea,
    can we only shrink and grow the background and not the image inside it?
    And you make amazing tutorials thankyou.

  • @Art-01
    @Art-01 Год назад +2

    Thank u

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

      You're welcome & thank YOU for watching🤓

  • @muhammadmaaz6119
    @muhammadmaaz6119 Год назад +1

    You content are really owsum

  • @goldenfinger3686
    @goldenfinger3686 5 месяцев назад

    hello andrea thanks for your tutorial, honestly i like your explain this. but i have a question. is that for elementor pro right ? bcs i have install my elementor but i didn't get the scrolling effect. thankyou

  • @SENKO7040
    @SENKO7040 6 месяцев назад +1

    I LOVE YOU THX SO MUTCH

    • @andreaegli
      @andreaegli  6 месяцев назад +1

      hehe, thank you😁

  • @beuvrin3591
    @beuvrin3591 Месяц назад

    Hi Andrea, I'm a fan of your channel, but I have a question about this video. How do I remove the green/red guide that appears on the side of the page? This guide appears to me on the normal web.

  • @BMikel
    @BMikel 6 месяцев назад +1

    You are gold

    • @andreaegli
      @andreaegli  6 месяцев назад +1

      Thank you😁⚱️

  • @juanorttega
    @juanorttega Год назад +2

    Hi Andrea! I can see an auto-scrolling post carousel at 4:45. Do you have a tutorial for that?

    • @andreaegli
      @andreaegli  Год назад +1

      Hey Juan! Yup, you can watch this video: ruclips.net/video/UWkniO-vzbQ/видео.html🤓

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

      @@andreaegli cool 😎 thank you!

  • @Zzjul
    @Zzjul 6 месяцев назад

    Hi! Where can I find the pop-up tutorial? ◡̈

  • @user-je2ui5ml9s
    @user-je2ui5ml9s 5 месяцев назад +1

    "it does grow but it doesn't grow as I want it to grow" i can relate, that's whats my ex said to me

    • @andreaegli
      @andreaegli  5 месяцев назад

      🤣🤣🤣 I can’t with this comment!!!!!

  • @user-uz3we5vj1s
    @user-uz3we5vj1s Год назад +1

    link for the code snippet is the wrong

  • @webseiten
    @webseiten 11 месяцев назад +1

    Unfortunately, what happened here is that the content of the section also scales, which is not so nice. I'm looking for a solution that only scales the background.

    • @andreaegli
      @andreaegli  11 месяцев назад +1

      That is one of the downsides of this effect but can be somewhat 'fixed'. What you could do if your layout allows it, is add entrance animations to the content of the container that have a slight delay. That way, the scale effect is balanced, and the content does not scale with the container. Just an idea if you can't find a better solution. I've implemented this on a project and it worked out great, in my opinion.

  • @webmooshmarketing1911
    @webmooshmarketing1911 Год назад +1

    Hi I just love your videos!!! But the link for the code snippet is the wrong one...

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

      Hey, thank you so much! Updated, thanks for letting me know!

    • @webmooshmarketing1911
      @webmooshmarketing1911 Год назад +1

      @@andreaegli Furthermore I have a qestion... it seem that the shrink and image reveal don't work properlly in tamplate, have you notice?

    • @andreaegli
      @andreaegli  Год назад +1

      @@webmooshmarketing1911 in the templates created and saved? i will check it out but I don't see why they shouldn't work...

    • @webmooshmarketing1911
      @webmooshmarketing1911 Год назад +1

      @@andreaegli I agree with you... I don't see why it shouldn't work.
      I used the shrik/ grow code in the footer but it works only in the home page and nowhere else

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

      @@webmooshmarketing1911 do you mean you have the code added at the bottom of the page or is the effect added to an element in the footer? If you want the effect to work on more than one page of the website, add it to the Elementor custom code and set the condition to be entire website (or smth like that...)

  • @kamelberlime3532
    @kamelberlime3532 10 месяцев назад

    More gsap x elementor pleaaase 😊

    • @andreaegli
      @andreaegli  10 месяцев назад +1

      here's a playlist full of GSAPxElementor tutorials ruclips.net/p/PLdHtt4SJub7NBvQiPd45nCiwhqaLTcOOy more to come...

    • @kamelberlime3532
      @kamelberlime3532 10 месяцев назад

      @@andreaegli 😍😍😍😍😍😍 thank you so much! Keep up the great wotk!

  • @jahidulislam7308
    @jahidulislam7308 5 месяцев назад

    Hell sister What is GSAP

  • @cowboybebeep
    @cowboybebeep 11 месяцев назад +1

    Am I crazy? I can't find a link to the code at all.

    • @andreaegli
      @andreaegli  11 месяцев назад

      You are not crazy. I deleted the link to the code a few days ago when I made some changes to the description. Let me know if you can access the link😉

    • @cowboybebeep
      @cowboybebeep 11 месяцев назад

      I can, thanks so much! You rock.