Framer Tutorial: No-Code Parallax Effect

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

КОМЕНТАРІ • 56

  • @almighty.saumya
    @almighty.saumya 3 місяці тому +1

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

  • @Yoyobeats.98
    @Yoyobeats.98 4 місяці тому +1

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

  • @CodomicHQ
    @CodomicHQ Рік тому +1

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

  • @thewebstylist
    @thewebstylist 10 місяців тому

    Luv this! Parallax is The BEST web style everrr

  • @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: ua-cam.com/video/zp14EJrJ0jc/v-deo.html

    • @mland22
      @mland22 Рік тому

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

    • @framer.university
      @framer.university  Рік тому

      @@mland22 anytime!

  • @user-kimchihater
    @user-kimchihater 6 місяців тому

    Your Framer tutorial was really helpful.💯

  • @Mikaweb3
    @Mikaweb3 Рік тому +1

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

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

    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 😅

  • @Rik007jc
    @Rik007jc Рік тому

    You gave my life a New Reason ❤😂🎉

  • @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 🖤

  • @outofbathluke
    @outofbathluke Рік тому

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

  • @TheBrightSites
    @TheBrightSites Рік тому

    This looks amazing!

  • @AdrianoReisDesign
    @AdrianoReisDesign Рік тому

    Great tutorial!

  • @Pixelprodigyy-s2r
    @Pixelprodigyy-s2r Рік тому

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

  • @SijiaCheng-vw2zl
    @SijiaCheng-vw2zl 2 місяці тому

    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?

  • @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. ✌️

  • @waju3457
    @waju3457 Рік тому

    cool 😍

  • @notoriousentrepreneur1589
    @notoriousentrepreneur1589 11 місяців тому

    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 ?

  • @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

  • @motaki79
    @motaki79 10 місяців тому

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

    • @framer.university
      @framer.university  10 місяців тому +1

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

  • @MrJOKER-qi8zu
    @MrJOKER-qi8zu Рік тому

    Is framer used to build newsletter sites

  • @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. ✌️

  • @LeeoProduction_AI-hf2ri
    @LeeoProduction_AI-hf2ri Рік тому

    what is china Website you Pick Stock in this Video?

  • @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. 🔥

  • @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 Місяць тому +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  Місяць тому

      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 Місяць тому

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