How to Make a Zoom Parallax using Next.js and Framer Motion

Поділитися
Вставка
  • Опубліковано 19 лис 2024

КОМЕНТАРІ • 84

  • @keshavjuneja6499
    @keshavjuneja6499 9 місяців тому +10

    i dont know wat to say BUT SERIOUSLY THANK U FOR SHOWIN THIS COOL EFFECT

  • @jyotiogennavar9134
    @jyotiogennavar9134 7 місяців тому

    your videos are absolutely amazing. The way you explain the process along with the code is incredible!!

  • @ziontutorial
    @ziontutorial 9 місяців тому +1

    I don't know why you have less subs you deserve millions subs and mark my word one day you will achieve it.

  • @EmaCovers95
    @EmaCovers95 4 місяці тому

    I am watching all your videos, this is the channel that I was looking for. Don't stop creating content please!

  • @chessknock17
    @chessknock17 9 місяців тому +3

    You are amazing, man. I can't wait for more tutorials like this

  • @k40L1n
    @k40L1n 9 місяців тому

    Bro bro, why are others not sharing these kinda knowledge the way you do.
    History will be kind to you :)

  • @versehackedyoursystem
    @versehackedyoursystem 9 місяців тому +1

    Found your channel randomly but it is a GEM! On my way to become a creative developer and this is incredibly informative, thank you for your work! 🔥🔥

  • @deividasmacavariani8684
    @deividasmacavariani8684 5 місяців тому

    Thank you for sharing this secret sauce, those little things what separates great minds 🤯

  • @rockylikespocky
    @rockylikespocky 9 місяців тому

    Amazing tutorial, can't wait for more video tutorials. Would love a tutorial on combining video content scrubbing + ScrollTrigger animation.

  • @MuhammadHamid-r6o
    @MuhammadHamid-r6o 9 місяців тому

    next level

  • @AMELIA-y5u
    @AMELIA-y5u 9 місяців тому +1

    GENIUS!!!!!!!!!!!!

  • @giggitygigs
    @giggitygigs Місяць тому

    Thanks again 🔥🔥🔥🔥🔥🔥🔥🔥

  • @p4nd4vgaming
    @p4nd4vgaming 5 місяців тому

    Thanks for these videos, i got to learn a lot with from them

  • @aminebouzaid5971
    @aminebouzaid5971 8 місяців тому

    Great dev ❤🎉

  • @DaoPVT
    @DaoPVT 9 місяців тому

    your tutorial are always awesome 😍😍 Love itt

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 5 місяців тому

    Thank you so much, i really appreciate it

  • @VNUN
    @VNUN 7 місяців тому +5

    bro has a real tree in his room

  • @naylord5
    @naylord5 9 місяців тому

    super super cool effect! 🔥🔥🔥
    Thank you so much for sharing

  • @vommir.
    @vommir. 9 місяців тому

    Really cool tutorial, subscribed!

  • @OwerWild
    @OwerWild 9 місяців тому

    Awesome, like always!
    I glad to found your channel!

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 9 місяців тому

    this is so cool

  • @Solo_playz
    @Solo_playz 5 місяців тому

    Bro has never felt less oxygen in his room 🌍

  • @leiyin1998
    @leiyin1998 9 місяців тому

    thank you , bro

  • @sajagshrestha8995
    @sajagshrestha8995 9 місяців тому

    Quality content ❤

  • @shaked1233
    @shaked1233 9 місяців тому

    As always, awesome video!
    Still waiting on the creative developer roadmap video :)

  • @RB_MAFIA
    @RB_MAFIA 6 місяців тому +1

    🔥

  • @mosjunk7764
    @mosjunk7764 9 місяців тому

    You challenge me to do great. Thank you

  • @devwithzain
    @devwithzain 9 місяців тому

    Amazing 🎉

  • @magnuserikkeenrobot1117
    @magnuserikkeenrobot1117 9 місяців тому +1

    awesome video! when is the course coming out btw? :) looking forward for it :)

  • @sakoner
    @sakoner 9 місяців тому

    Très cool mec!

  • @soyelchicodelanus8471
    @soyelchicodelanus8471 9 місяців тому

    you are amazing

  • @NukalaVenkataRajakulaiShetty
    @NukalaVenkataRajakulaiShetty 8 місяців тому

    Awesome video.
    Is this can be done on video instead of images ?

  • @neonvideos1
    @neonvideos1 2 місяці тому

    good thing your plants are real.

  • @gastonperaltazappulla4126
    @gastonperaltazappulla4126 7 місяців тому

    Question ! I tried to put an href on the images, but it does not work :( since all of them are stacked, any idea if this is possible and how ?

  • @abdessamadezalmadi
    @abdessamadezalmadi 9 місяців тому

    good joooob bro and thanks

  • @inderjotsingh5868
    @inderjotsingh5868 9 місяців тому

    hi great animation , but it is kinda hard is on which div we are applying the properties to, so can you use tailwind , instead of sccs

  • @felipemuner
    @felipemuner 9 місяців тому

    Fantastic broother! Amazing content, congrats...
    Im wondering if you would like to do typescript + app router ?
    👏👏👏👏👏

  • @nikhilpsathyanathan
    @nikhilpsathyanathan 9 місяців тому

    wow

  • @akhlibaratam2118
    @akhlibaratam2118 3 місяці тому

    Can someone help me achieve this using tailwind instead of scss?? BTW the effect is amazing!!!

  • @soumikdaswin
    @soumikdaswin 9 місяців тому

    Is there any way to do this into framer? I am trying to find way.

  • @mode2317
    @mode2317 9 місяців тому

    Nice video, can u also make some some video animation using framer motion?

    • @olivierlarose1
      @olivierlarose1  9 місяців тому +1

      noted!

    • @mode2317
      @mode2317 9 місяців тому

      @@olivierlarose1 tyvm, keep it up bro, love ur content

  • @ruangiklim9586
    @ruangiklim9586 3 місяці тому

    Why is this choppy/laggy in mobile browser? Is it because useTransform? Nice vid & nice channel btw

  • @Arshahdul_ahmed
    @Arshahdul_ahmed 9 місяців тому +1

    Need more creative effects bro, you're amazing🎉

  • @shlokgupta4939
    @shlokgupta4939 9 місяців тому

    are there any other libraries like gsap or loco to create the same?

    • @olivierlarose1
      @olivierlarose1  9 місяців тому

      Of course it’s just a scale effect so you can use any animation library for that

  • @senselessplays
    @senselessplays 9 місяців тому

    What will happen if we use lenis scroll in zoom parallar component.
    Because i don't want to turn my entire page into client side

    • @olivierlarose1
      @olivierlarose1  9 місяців тому

      You can remove the lenis scroll and use the native scroll too

  • @nitinsingh2737
    @nitinsingh2737 9 місяців тому

    Bro 😊

  • @홍성준-h6s
    @홍성준-h6s 9 місяців тому

    hi, How much do you think about the price of the course? I'm waiting

  • @hashbitfam
    @hashbitfam 9 місяців тому

    😍😍😍😍😍😍

  • @reactdev2838
    @reactdev2838 9 місяців тому

    Why do you use NEXT not React Js?

  • @Drama1348
    @Drama1348 5 місяців тому

    This is responsive or not

  • @nellymotion
    @nellymotion 9 місяців тому

    love it

  • @lorena0987
    @lorena0987 6 місяців тому

    Awesome however I would like to know how to do it without any additional libraries 🥹

  • @inderjotsingh5868
    @inderjotsingh5868 9 місяців тому

    hi great animation , but it is kinda hard is on which div we are applying the properties to, so can you use tailwind , instead of sccs