Framer Tutorial: No-Code Parallax Effect

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024

ความคิดเห็น • 56

  • @almighty.saumya
    @almighty.saumya 4 หลายเดือนก่อน +1

    6:40 Nandi, this was life saving time saving energy saving thank u so much.

  • @CodomicHQ
    @CodomicHQ ปีที่แล้ว +1

    Great tutorial Nandi! 👏 Love the music choice, spot on.

  • @thewebstylist
    @thewebstylist 11 หลายเดือนก่อน

    Luv this! Parallax is The BEST web style everrr

  • @Yoyobeats.98
    @Yoyobeats.98 4 หลายเดือนก่อน +1

    Great tutorial😍 few people have the skill to teach this easily

  • @user-kimchihater
    @user-kimchihater 6 หลายเดือนก่อน

    Your Framer tutorial was really helpful.💯

    • @framer.university
      @framer.university  6 หลายเดือนก่อน

      so happy to hear this! Thanks :)

  • @Mikaweb3
    @Mikaweb3 ปีที่แล้ว +1

    Do you have a video on the text writing/changing on its own ?
    Thanks for the video again 💯✅

  • @Bachelor847
    @Bachelor847 3 หลายเดือนก่อน

    Can you try to make a tutorial on how to make the preloader animation on the originally seen on the website? It would be really helpful 😅

  • @TheBrightSites
    @TheBrightSites ปีที่แล้ว

    This looks amazing!

  • @mland22
    @mland22 ปีที่แล้ว +1

    Awesome tutorial Nandi! Can you make one on background changing color on scroll

    • @framer.university
      @framer.university  ปีที่แล้ว

      I’d do that with scroll variants.
      Here’s a video where I was using that effect: th-cam.com/video/zp14EJrJ0jc/w-d-xo.html

    • @mland22
      @mland22 ปีที่แล้ว

      Fantastic - thanks so much!!!@@framer.university

    • @framer.university
      @framer.university  ปีที่แล้ว

      @@mland22 anytime!

  • @Rik007jc
    @Rik007jc ปีที่แล้ว

    You gave my life a New Reason ❤😂🎉

  • @outofbathluke
    @outofbathluke ปีที่แล้ว

    Brilliant tutorial, very clear - the end result look fantastic too 👍

  • @AdrianoReisDesign
    @AdrianoReisDesign ปีที่แล้ว

    Great tutorial!

  • @MrTopu-hi3bk
    @MrTopu-hi3bk ปีที่แล้ว +2

    Wow ❤‍🔥, Amazing video, Could you please suggest any of your previous video if you showed how you did the automatic text changing animation please? If it's not available please show us next time, that will be very helpful, Thank you 🖤

  • @SijiaCheng-vw2zl
    @SijiaCheng-vw2zl 3 หลายเดือนก่อน

    Hello Nandi. I have a problem with the scroll speed. when I trying to set it, it doesn't comes with the current or the scroll option tabs underneath the % value. Do you know why this is happening?

  • @RealMehedi
    @RealMehedi ปีที่แล้ว

    hi, I could not find the course in the mentioned link. After giving my email, there is no response. Has it been launched already?

    • @framer.university
      @framer.university  ปีที่แล้ว

      It hasn’t launched yet! That’s why you see the waitlist form.
      If you’re on the list, you’ll be notified when it goes live. 🔥

  • @orestisgeorgikopoulos4237
    @orestisgeorgikopoulos4237 ปีที่แล้ว

    Hey Nandi! Great and very informative video as usual! Can you please tell where we can find the images and assets so we can follow along?

    • @framer.university
      @framer.university  ปีที่แล้ว

      Hey! Thanks :) I was using the assets from the original website. ✌️

  • @motaki79
    @motaki79 11 หลายเดือนก่อน

    Can you explain how you created the text animation? This question has been asked a few times. Thank you!

    • @framer.university
      @framer.university  11 หลายเดือนก่อน +1

      Which text animation? Maybe this: typewriter.framer.wiki/

  • @Pixelprodigyy-s2r
    @Pixelprodigyy-s2r ปีที่แล้ว

    Bro,can you do a tutorial on how to make the website optimisation for animations

  • @notoriousentrepreneur1589
    @notoriousentrepreneur1589 ปีที่แล้ว

    I have seen that we can achieve animation effects in framer through components too, similar to Figma
    I have even designed a fully animated website through components in framer itself.
    but the problem is when I design an section component, which has multiple nested components,
    there is this popup message of "your content is out of view" and everything disappears.
    this occurs when the top portion of component goes above the current visible screen
    can you look into this and maybe fix this in future update Nandi ?

  • @Pixelprodigyy-s2r
    @Pixelprodigyy-s2r ปีที่แล้ว

    Can framer be used for ECOM , COURSE and MEMBERSHIP PAGES

    • @framer.university
      @framer.university  ปีที่แล้ว

      For eCom I suggest Shopify. Course and membership pages are possible by integrating Outseta. ✌️

  • @d3thshot614
    @d3thshot614 ปีที่แล้ว

    please make a tutorial on how to use code embeds. Like if not our own code we can take it from codepen and use it as embeds

    • @framer.university
      @framer.university  ปีที่แล้ว

      What do you want to achieve with them?

    • @d3thshot614
      @d3thshot614 ปีที่แล้ว

      I want to create a loading screen for my web page. It should be an actual loading screen not just a timed animation

  • @MrJOKER-qi8zu
    @MrJOKER-qi8zu ปีที่แล้ว

    Is framer used to build newsletter sites

  • @waju3457
    @waju3457 ปีที่แล้ว

    cool 😍

  • @LeeoProduction_AI-hf2ri
    @LeeoProduction_AI-hf2ri ปีที่แล้ว

    what is china Website you Pick Stock in this Video?

  • @shubhiagrawal9885
    @shubhiagrawal9885 ปีที่แล้ว

    Why my fonts picker are not working on framer, now am scared 😢

    • @framer.university
      @framer.university  ปีที่แล้ว

      What exactly happened

    • @shubhiagrawal9885
      @shubhiagrawal9885 ปีที่แล้ว

      @@framer.university I added some text while creating a landing page, so I wanted to change my font style from inter to poppins so I used web fonts like I always used but I didn't work this time

  • @bigstepper4125
    @bigstepper4125 2 หลายเดือนก่อน +1

    This tutorial is outdated. the options in the scroll speed effect section have been changed and this video was not helpful in achieving the parallax effect i wanted.

    • @framer.university
      @framer.university  2 หลายเดือนก่อน

      Hey! Yes Framer is changing pretty rapidly:)
      The fundamentals shown in this video are still the same tho! What are u struggling with?

    • @bigstepper4125
      @bigstepper4125 2 หลายเดือนก่อน

      ​@@framer.university I'm trying to make a parallax effect. I just want the text to stay still while the background sort of moves when I scroll. That's it. But when i do what you did in this video the text that I have applied the scroll speed effect to vanishes when i preview the page. I'd appreciate the help in achieving the effect i want

  • @apexdigital.studio
    @apexdigital.studio 5 หลายเดือนก่อน

    does the scroll speed applies to a stack? I am trying to apply parallax effect to the whole slack (e.g. hero section) but doesn't seem to work.