REVEAL CONTENT ON SCROLL - GSAP Elementor Scrolltrigger

Sdílet
Vložit
  • čas přidán 13. 09. 2024

Komentáře • 111

  • @nicopalmkvist
    @nicopalmkvist  Před měsícem +4

    Speed up your web design process- import this project in Elementor: michellewp.gumroad.com/l/vdxlqq
    Download images for free: michellewp.gumroad.com/l/kloewh

    • @TheMoneyMakerOnline
      @TheMoneyMakerOnline Před měsícem +2

      You have just got a new subscriber dude

    • @kunallulaz
      @kunallulaz Před měsícem +1

      @@nicopalmkvist can you make another video how to do it on movily

    • @rizwankazi300
      @rizwankazi300 Před 21 dnem

      Awesome buddy 👍
      Can you please help us with the responsive view too?

  • @deduice
    @deduice Před měsícem +1

    This is intriguing and satisfying. Keep them coming and well done.

  • @Arkardu
    @Arkardu Před měsícem +2

    You really do put out one gold nugget of a video after the other. Great stuff!
    Glad our newly started webbureau isn’t located near Aarhus, so we won’t be in too close competition with your huge talent, haha

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem +1

      Thank you for your comment. I believe web agency owners can grow faster by sharing knowledge together. If you're from Denmark, feel free to send me a friend request on Facebook or LinkedIn - who knows, we might meet one day. 💪
      Nico

  • @primeclub92
    @primeclub92 Před měsícem +2

    Another awesome tutorials. Thank you

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem

      I'm glad you enjoyed the tutorials! Thank you for watching. @primeclub92!

  • @jaintushar90
    @jaintushar90 Před měsícem +1

    Amazing tutorial. So smooth

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem +1

      Thanks Janitushar! New ScrollTrigger video will be released tomorrow at 10:00 AM. ;)

  • @usamaansari4224
    @usamaansari4224 Před měsícem +1

    Elementor have some cool feature if know how to use it properly, thanks to your video i am learning a lot

    • @videowebsite2018
      @videowebsite2018 Před měsícem +1

      Exactly, if you think outside the box, you can really create some amazing designs.

  • @mehdibourahla8709
    @mehdibourahla8709 Před měsícem +2

    Great work 👏🙌

  • @linda-3s
    @linda-3s Před měsícem +2

    This is so cool 🤩

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem +1

      Thanks for checking it out, glad you liked it!

  • @gopoo
    @gopoo Před měsícem +1

    Great job! Thank you.

  • @ThePathshaker
    @ThePathshaker Před měsícem +2

    Good work Man

  • @rezanasri5982
    @rezanasri5982 Před měsícem +2

    Perfect 🎉

  • @mariosserodriguez
    @mariosserodriguez Před 5 dny

    Such a cool effect and so easy to follow! any ideas for what to do with this for mobile version?

  • @zimiparallax
    @zimiparallax Před měsícem

    you are doing stunning work , waiting for these types of videos since the elementor is released

  • @Prashantyadav-px4go
    @Prashantyadav-px4go Před měsícem +1

    Awesome tutorial..

  • @mdfaraz89
    @mdfaraz89 Před měsícem +1

    Amazing Man 🎉

  • @FreakingALI
    @FreakingALI Před měsícem +1

    You are amazing. Thanks

  • @MIRAJADESIGN
    @MIRAJADESIGN Před 17 dny

    Well done Nicolai!

  • @creatorlinda
    @creatorlinda Před 28 dny +1

    Really amazing! Most part is working, only the pictures aren't joining the process. I have my own pictures, but that shouldnt be the issue. Watch the video several time to see if i made a mistake. I couldnt find anything weird i did. I proberly did, but don't see it anymore.

  • @eugenio.jhayar.p.5058
    @eugenio.jhayar.p.5058 Před měsícem +1

    Legend

  • @TheMoneyMakerOnline
    @TheMoneyMakerOnline Před měsícem +1

    amazing

  • @gabrielk5497
    @gabrielk5497 Před měsícem +3

    That's awesome! Thanks :)
    How it would work on Mobile??

  • @danieldavidov2924
    @danieldavidov2924 Před 12 dny

    Another excellent video of yours, but if I want it adapted for mobile as well?
    What do I do in such a situation?

  • @dronel5698
    @dronel5698 Před 2 dny

    Hello Nicolai, first of all, thank you for your video. I just have a quick question. I've just implemented your tutorial on a site. Do you have a solution for responsive display (phone)?

  • @user-ct9tt5dc5o
    @user-ct9tt5dc5o Před měsícem

    wow, great. Please do it more!

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem +1

      Thanks, champ - New video will be released tomorrow at 10:00 AM 💪💪

  • @DanieleManca1983
    @DanieleManca1983 Před měsícem

    Very nice scroll effects 😉

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem

      Thanks, mate - New video will be released tomorrow at 10:00 AM 💪💪

    • @DanieleManca1983
      @DanieleManca1983 Před měsícem

      @@nicopalmkvist nice one I will check it out

  • @lauvtyler9146
    @lauvtyler9146 Před měsícem +1

    Wow❤

  • @huzaifayounas7018
    @huzaifayounas7018 Před měsícem +1

    Hey your videos are absolutely amazing
    can you make a complete tutorial of gsap? from A to Z gsap x elementor course?
    it would be very helpful and no one have don it yet

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem

      @@huzaifayounas7018 Thank you for this idea! I’ll look at it. Could you tell me more about what you think the video should teach you?

  • @שיקידר
    @שיקידר Před 20 dny

    As always, another excellent tutorial, yours works really well, but how can it be adapted to mobile displays???

  • @Eyedee-gal
    @Eyedee-gal Před 21 dnem

    Amazing work and i got it perfectly on my 1st try but will be super appreciated if we can get the responsive tutorial for this. plzzzzzzzz

  • @surajmahapatra8093
    @surajmahapatra8093 Před měsícem +2

    Awesome dude, there is one question if image or video or may be some other format file how to do that or this same code work for that

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem

      The code works for common image formats like PNG, JPG, and WEBP, but not for video yet.
      I'm working on getting it to work with video, and I'll let you know when I have a solution. 💪

    • @AdityaSingh-ni7vn
      @AdityaSingh-ni7vn Před měsícem

      Where is the code brother​@@nicopalmkvist

  • @aroubmehdi
    @aroubmehdi Před měsícem +5

    in mobile not work

    • @thewebstylist
      @thewebstylist Před 20 dny

      The background color change works on mobile but yes would luv if some dynamic style to the images

  • @cedricjavelle3833
    @cedricjavelle3833 Před 22 dny

    I was wondering if such an effect could be created within elementor... Thanks you so much for this tutorial. What do this page looks like on mobile ?

  • @oraibiimabibo4886
    @oraibiimabibo4886 Před 22 dny

    It works, thanks a lot. how do I add emojis and other svg art on the corner of the cards, I tried it but it is tricky

  • @DigitalWorld809-
    @DigitalWorld809- Před 6 dny

    This is amazing on desktop mode but not working on tablet and mobile

  • @ThePathshaker
    @ThePathshaker Před měsícem +2

    I have a quick question... How do you keep on with your contents

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem

      Sure, here's a simple translation:
      Thank you for your comment. I'm a bit unsure about your question.
      Are you asking if you want to know more about how I regularly provide videos about GSAP and Elementor?
      Nico

  • @s_nawaz
    @s_nawaz Před 17 dny

    A really nice design. But what about the mobile devices, because as I can see, its only configured for desktop devices.

  • @igoryamba
    @igoryamba Před 26 dny

    how do you make the cursor movement so smooth on video?

  • @ferdinandc.a2723
    @ferdinandc.a2723 Před měsícem

    amazing video, but i have a question. How about the mobile version ? can you show us the POV of the mobile version

  • @Creative_Asher
    @Creative_Asher Před 21 dnem

    I need to switch the column, left column should contain images and right one should contain text, how do that

  • @BilalRashid-t8h
    @BilalRashid-t8h Před 14 dny

    Can It work on elementor without enabling flexbox container?

  • @byumamah
    @byumamah Před 11 dny

    I'm unable to add the motion effect for the container, otherthan container the motion effect is showing but whenever i click container the option goes disappear, how can i turn that option on? or is it something with my elementor pro?
    Please help

  • @andres.freelancer
    @andres.freelancer Před měsícem

    Hello my friend, how are you today? this video is very very usefull, I have a big question, I can see you have a Hero Video Background in the top of your website, my question is, how do you optimize que set that hero background video as an internal embed not using youtube, I already get a big resolution delay que using youtube, ir, if there is another way to solve it. It will be amazing to know. Thank you very much in advance.

  • @TalhaAhmed-tn3es
    @TalhaAhmed-tn3es Před 28 dny

    Amazing video for learning but It is not working on the mobile version how can I fix it.?

  • @Rapidsnailo
    @Rapidsnailo Před měsícem +1

    Hello, how to make correct appearance on phone also ? :)

  • @olayinkaoladimeji5367
    @olayinkaoladimeji5367 Před měsícem

    Your tutorials are really inspiring. Thank you very much. Pls how can i contact u personally

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem

      Thanks a ton! You can totally hit me up on Info@lifeonablock.com 💪

  • @toptenvirals
    @toptenvirals Před měsícem

    Amazing job but doesn't come out goo in mobile, How to fix that?

  • @manikamyab2424
    @manikamyab2424 Před 7 dny

    how can i change back ground with images when i scroll ?

  • @pulp5618
    @pulp5618 Před měsícem

    thank you! how it looks on mobile view?

  • @DavidLopez-eg6it
    @DavidLopez-eg6it Před měsícem

    There is a website that has the nav links. However, when you scroll down the content of the sticky header changes and the nav links change to a hamburguer menu. If you scroll app again, it returns to it's first step.
    Could you make a tutorial about it?

  • @ShahbazAli-ni6bf
    @ShahbazAli-ni6bf Před měsícem +2

    Good work
    You added the wrong url for code and template

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem

      Thanks i have updated it now: lifeonablock.com/gsap-code-scrolltrigger/

    • @ShahbazAli-ni6bf
      @ShahbazAli-ni6bf Před měsícem +1

      @@nicopalmkvist Doing great work keep it up 👍💓

  • @nguyenvietanh3466
    @nguyenvietanh3466 Před měsícem

    Mobile does not seem to work on mine. The 4 images are at the very bottom and stay there. Must be something to do with relative or fixed. Have looked at the demo but cant figure.

  • @igoryamba
    @igoryamba Před měsícem

    hello! please tell me, how do you make the cursor movement so smooth? obviously, you are not drawing the cursor on the installation, but how?

  • @viveksaini9809
    @viveksaini9809 Před měsícem

    Many comments asking from you it not work for mobile ver but not reply from your side. Can you update this template work in mobile ver. Pls reply

  • @bradensimpson8083
    @bradensimpson8083 Před měsícem +1

    How did you set the beautiful frosted glass type border and shadow on the image? I can't seem to figure that portion out easily.

    • @bradensimpson8083
      @bradensimpson8083 Před měsícem +1

      I figured this out after watching a different video. The images you use have a border already in the image. That's why they look so great! Noted haha

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem

      Aha, exactly! Glad you figured it out, mate. 💪

    • @maryloco1373
      @maryloco1373 Před měsícem

      @@bradensimpson8083 which other video was that senor

  • @ngageqd565
    @ngageqd565 Před měsícem +1

    Work on mobile view????

  • @user-ct9tt5dc5o
    @user-ct9tt5dc5o Před měsícem

    super

  • @mdfaraz89
    @mdfaraz89 Před měsícem +1

    Brother, I can't find the CSS code, the link is redirecting to another page

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem +1

      Thanks - I have updated it now: lifeonablock.com/gsap-code-scrolltrigger/

    • @mdfaraz89
      @mdfaraz89 Před měsícem

      @@nicopalmkvist thank you so much

  • @MdHasan-qt1kq
    @MdHasan-qt1kq Před 10 dny

    Is this responsive?

  • @millerartsaudiovisual3358

    How to make this responsive, sir?

  • @Sarah-jb5hq
    @Sarah-jb5hq Před měsícem

    Hello can you show us how it's work for mobile please ?

  • @mudasirazhar
    @mudasirazhar Před 13 dny

    I have missing widget of sticky in MOTION EFFECT like others and other user have this setting , please tell me how to change my setting of my elementor?

    • @nicopalmkvist
      @nicopalmkvist  Před 13 dny

      Hmm I found out that this is a Elementor Pro feature. Do you use Elementor free?

    • @mudasirazhar
      @mudasirazhar Před 8 dny

      @@nicopalmkvist I also use Elementor Pro, but this widget is missing

    • @nicopalmkvist
      @nicopalmkvist  Před 8 dny +1

      ​@@mudasirazhar It sounds strange that you can't see that setting if you have Elementor Pro. However, I understand that some features might be disabled depending on your theme or other plugins. Could that be the reason?
      Also, remember to update Elementor to the latest version.

  • @Webrisernl
    @Webrisernl Před 16 dny

    mobile friendly?

  • @MICHAELRAYWEN
    @MICHAELRAYWEN Před měsícem

    Hey, Im not sure if it's all right to have that code with/from external link. Do you have any experiences with it?

    • @nicopalmkvist
      @nicopalmkvist  Před měsícem

      Thank you for your comment. Can you clarify? Do you mean the link to the Greenstock library, or are you referring to the code in general? I own the code, and you have permission to use it if that was your question. :)

  • @norhantawfik6881
    @norhantawfik6881 Před 18 dny

    Is it free ?

  • @MewtwoStar
    @MewtwoStar Před měsícem

    please can you make it using only the free elementor setting, not pro. u used sticky settings which is in elementor pro.
    and also how to edit it for mobile version.
    humble request.

  • @Klaphark1
    @Klaphark1 Před měsícem

    Responsive?

  • @MarcelPrinz
    @MarcelPrinz Před 27 dny

    bro the css code is missing on your website

    • @nicopalmkvist
      @nicopalmkvist  Před 27 dny

      It’s located at the bottom of The page

    • @MarcelPrinz
      @MarcelPrinz Před 26 dny

      @@nicopalmkvist only for troubleshooting. I mean the code for the classes like:
      gallery
      left
      desktopContent
      desktopContentSection
      reveal
      desktopPhoto
      desktopPhoto (second time)

  • @miguelcosta1115
    @miguelcosta1115 Před měsícem

    Noise of text appearing is too loud and distracting! 😖😖😖

  • @lightsas.co1
    @lightsas.co1 Před 14 dny

    i have a question, how it works in the mobile version

  • @hassanlatif9494
    @hassanlatif9494 Před měsícem +1

    Great work ❤