Learn Framer Scroll Animations in 13 Minutes

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024

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

  • @framer.university
    @framer.university  5 месяцев назад +8

    what do you want to learn next?

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

      It would be cool to see how you created the variants

    • @Rajdeep_Pandey
      @Rajdeep_Pandey 5 месяцев назад +2

      Dear framer, Please make a video on how to connect your website to PayPal or Any Payment Websites, because I am making a website and I don't have idea how I can connect my website to Payment Websites so that my customer can pay me...

    • @framer.university
      @framer.university  5 месяцев назад

      @@Rajdeep_Pandeywatch this tutorial: ruclips.net/video/Zukyq9k1Z3A/видео.html

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

      @@framer.university Nandi, I have a another problem also. And I want to discuss with you, tell me from where I can connect with you any social media or Gmail?

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

      Sign up / login

  • @timilehinsolu4254
    @timilehinsolu4254 Месяц назад +6

    I’ve never seen someone so happy to talk about scroll animations 😆

  • @AmjadKhan-rz6nu
    @AmjadKhan-rz6nu 5 месяцев назад +12

    Trust me framer is gonna change the world for web designers, we will be called interface engineers more 🎉🎉🎉🎉

    • @framer.university
      @framer.university  5 месяцев назад +3

      I agree! Framer will unlock the ability for every designer to build their websites in an environment we designers are all used to. Excited about the future :)

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

    I really, really, appreciate your videos. You are a great teacher and I appreciate you sharing your knowledge. I'm glad I found you and subscribed to your channel. Thank you.

    • @framer.university
      @framer.university  5 месяцев назад

      I appreciate that! I hope my videos will help you! :)

  • @hoanghantlz
    @hoanghantlz 2 месяца назад +1

    Wow you made it really easy to understand. I feel so lucky I've found your channel. Appreciate your great videos 💯

    • @framer.university
      @framer.university  2 месяца назад

      Thank u so much for your comment, Hoang! I'm glad u find my videos valuable. More to come 🫶

  • @ProNoobDev
    @ProNoobDev 5 месяцев назад +1

    oh this is what i was looking for ! thank you so much

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

    Incredible job as always Nandi, a lot of value, and everything seems so easy to understand when you show it step-by-step! 💪 (Love the new setup!)

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

    Awesome video, thank you so much!

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

    My eyes are on your new Mac Studio Setup 😅❤✨

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

    Great video as always!

    • @framer.university
      @framer.university  5 месяцев назад

      thanks for the kind words! I hope it helped :)

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

    Why is the text disappearing effect different on phones and tablets compared to computers? How can it be modified to be consistent with computers?

  • @TanyaMalka
    @TanyaMalka 13 дней назад +1

    Hi Nandi, I used your smooth scroll component in my site and it works on desktop but not mobile, is this because mobile already has smooth scrolling natively? how can I implement the effect I see on desktop in mobile browsers?

    • @framer.university
      @framer.university  12 дней назад +1

      On mobile, it’s turned off, since on mobile it cannot really work nicely because of the nature of the swipe gesture.

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

    Would it be possible to have a scroll animation for each scroll variant, or only for scroll transforms? I'm trying to do a simple fade instead of transforming the variant into another, but it only works between the 1st and 2nd variation

    • @framer.university
      @framer.university  Месяц назад

      You can use the trigger Frames to trigger scroll transforms and scroll variants too. Check my latest vid! ✌️

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

    great, thank you!

  • @panicdispenser6586
    @panicdispenser6586 4 месяца назад

    why you cant use the x or y position of main section for the scroll animation? why using this 0% opacity sections instead?

  • @user-hr6fr8mc5z
    @user-hr6fr8mc5z 4 месяца назад

    Hi... Can you make a video on an Animated circle progress bar

  • @mr.chinaski2613
    @mr.chinaski2613 5 месяцев назад

    Awe-some, just as always!

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

    WOW luv it all!

  • @pencildinkan
    @pencildinkan 16 дней назад +1

    Sticky option is not working for me

    • @framer.university
      @framer.university  16 дней назад +1

      Parent frame is a stack?

    • @pencildinkan
      @pencildinkan 16 дней назад

      @@framer.university yeah it is working I was trying it on frames thank you

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

    how to record framer animations in windows?

  • @nousuyadagiri96
    @nousuyadagiri96 3 месяца назад +1

    Can we export framer design into code ??🤔

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

    Hey! im learning Framer right now. How could I trigger a video? As the user scroll it progresses through the video
    CHEERS!

    • @framer.university
      @framer.university  3 месяца назад

      Use the override from this remix: framer.university/resources/apple-watch-website-in-framer

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

      @@framer.university can you create a video on this? having a hard time understanding ow this was done

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

    don't understand the place of Sir Scour ticker and I can't understand what the text is through

    • @framer.university
      @framer.university  5 месяцев назад

      what do you not understand?

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

      ​​@@framer.university Sir I can the working of sticky frame but don't understand anything else.

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

      ​@@framer.university Sir I can the working of sticky frame but don't understand anything else.

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

      Sir I can the working of sticky frame but don't understand anything else.

  • @nitromusik9275
    @nitromusik9275 4 месяца назад

    2:59 i did not enjoy stopping 50 times to check what settings you did different because yours work and mine doesnt. This passage was 10x too fast (or too shallow) to just learn from or reproduce as a noob.

    • @framer.university
      @framer.university  4 месяца назад

      Thanks for the feedback. Can you refer to the section of the video as from-to?

    • @nitromusik9275
      @nitromusik9275 4 месяца назад

      @@framer.university sure. Basically the second section starting from 2:26. But it was good that you mentioned the remix link in the beginning of the second section because using this it was easy. I searched and found this video because i tried to get this to work in an existing layout. By comparing it to your layout via remix i found that my problems came from my breakpoint properties.

    • @teyahombre
      @teyahombre 2 месяца назад

      @@framer.university I really agree with @nitromusik9275 that part is not well explained since he doesn't say why is each section used and what exactly is inside each section. I miss being able to understand first what each section does and how's structured and why. For example, idk what's inside Sticky Section since it shows is the first section with the coin (but visibly it also contains the text, but apparently all texts are in Text Stack...) so not clear at all... I'm constantly stopping that part over and over again to try to understand why he has that section structure and he really doesn't explain it during the video either.

    • @teyahombre
      @teyahombre 2 месяца назад +1

      So apparently all texts are inside a stack? It's really not clear

    • @framer.university
      @framer.university  2 месяца назад

      Sorry if I wasn’t clear! I recommend remixing the project to see the full structure:
      framer.university/resources/3d-flip-scroll-animation-in-framer

  • @MetaArtisan
    @MetaArtisan 4 месяца назад

    why don't framer has prototype?

    • @framer.university
      @framer.university  4 месяца назад +1

      Framer isn’t for prototypes. It is for live working websites.

    • @MetaArtisan
      @MetaArtisan 4 месяца назад

      @@framer.university how can i link connection between to pages?

  • @ethicseo
    @ethicseo 4 месяца назад

    Jesus can change yr life ❤

  • @BETTERLIFE-fj3tj
    @BETTERLIFE-fj3tj 3 месяца назад

    it's to diffucult than i think even section 2 and 3 it's no come up after click scroll variant, why ? after follow step by step

  • @BETTERLIFE-fj3tj
    @BETTERLIFE-fj3tj 3 месяца назад

    NOT WORKING....can't be sticky position after back to home making tree variant. sticky position can't be click. why ?
    You change in video from relative to sticky position. But You don't show in video when you change your text position from absolute to relative and than go to sticky position. cuz sticky position can't be click. and also relative position can't be click. the button is down or off, why ?

    • @framer.university
      @framer.university  3 месяца назад

      Make sure that the parent frame is a stack (click the plus button next to the"layout" on ten right panel).

    • @BETTERLIFE-fj3tj
      @BETTERLIFE-fj3tj 3 месяца назад

      @@framer.university sorry man give up... i'm trying to difficult....

  • @BETTERLIFE-fj3tj
    @BETTERLIFE-fj3tj 3 месяца назад +1

    When You start tutorial, please start from blank page. Don't any some stuff there to cunfiused your audiens. Not every body in the same level. some body like me it's newbie in framer. please star from blank page, cuz we even dont know how to make top, main and botttom page. You start with website already have top, main and bottom making confused....

    • @framer.university
      @framer.university  3 месяца назад

      hey mate! thanks for the feedback. it makes a ton of sense.
      the reason why I start these videos from a starter file is because I wanna be able to focus on the main topic of the video. building everything from scratch would make my videos super super long.
      I hope though that giving you remix files helps a little :)
      I'm also going to make more videos where I show how to build stuff from scratch so you can learn that too.
      I recommend this video: framer.university/lessons/scroll-animation-process