Learn Framer Scroll Animations in 13 Minutes

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

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

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

    what do you want to learn next?

    • @llewellynvaneeden4467
      @llewellynvaneeden4467 8 หลายเดือนก่อน

      It would be cool to see how you created the variants

    • @Rajdeep_Pandey
      @Rajdeep_Pandey 8 หลายเดือนก่อน +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  8 หลายเดือนก่อน +1

      @@Rajdeep_Pandeywatch this tutorial: th-cam.com/video/Zukyq9k1Z3A/w-d-xo.html

    • @Rajdeep_Pandey
      @Rajdeep_Pandey 8 หลายเดือนก่อน

      @@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 8 หลายเดือนก่อน

      Sign up / login

  • @timilehinsolu4254
    @timilehinsolu4254 3 หลายเดือนก่อน +11

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

  • @AmjadKhan-rz6nu
    @AmjadKhan-rz6nu 8 หลายเดือนก่อน +14

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

    • @framer.university
      @framer.university  8 หลายเดือนก่อน +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 8 หลายเดือนก่อน +6

    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  8 หลายเดือนก่อน

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

  • @ashhad.khan1
    @ashhad.khan1 หลายเดือนก่อน +1

    This timeline technique is super awesome. saved ton of my times (Y)

  • @ProNoobDev
    @ProNoobDev 8 หลายเดือนก่อน +2

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

  • @hoanghantlz
    @hoanghantlz 4 หลายเดือนก่อน +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  4 หลายเดือนก่อน

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

  • @michaelbruzzese
    @michaelbruzzese 8 หลายเดือนก่อน

    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!)

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

    Thank you, the tutorial is very clear

  • @Shafranlive
    @Shafranlive 8 หลายเดือนก่อน

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

  • @leandrosilva6414
    @leandrosilva6414 8 หลายเดือนก่อน

    Great video as always!

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

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

  • @llewellynvaneeden4467
    @llewellynvaneeden4467 8 หลายเดือนก่อน

    Awesome video, thank you so much!

  • @rachsarra
    @rachsarra 3 หลายเดือนก่อน +2

    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  3 หลายเดือนก่อน +1

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

  • @mr.chinaski2613
    @mr.chinaski2613 8 หลายเดือนก่อน

    Awe-some, just as always!

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

    WOW luv it all!

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

    A question: is it possible to create a frame with this type of scroll animation/ADV that goes transparent over an existing html? 🙏

  • @HarryBanner-w4p
    @HarryBanner-w4p 7 หลายเดือนก่อน

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

  • @TanyaMalka
    @TanyaMalka 3 หลายเดือนก่อน +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  3 หลายเดือนก่อน +1

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

  • @YansRiegel
    @YansRiegel 7 หลายเดือนก่อน

    great, thank you!

  • @shuoEnva
    @shuoEnva 3 หลายเดือนก่อน +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?

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

      Which text disappearing effect are u referring to?

  • @panicdispenser6586
    @panicdispenser6586 7 หลายเดือนก่อน

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

  • @nousuyadagiri96
    @nousuyadagiri96 5 หลายเดือนก่อน +1

    Can we export framer design into code ??🤔

  • @adindakhairani640
    @adindakhairani640 6 หลายเดือนก่อน

    how to record framer animations in windows?

  • @DavidMartens
    @DavidMartens 6 หลายเดือนก่อน

    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  6 หลายเดือนก่อน

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

    • @DavidMartens
      @DavidMartens 6 หลายเดือนก่อน

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

  • @pencildinkan
    @pencildinkan 3 หลายเดือนก่อน +1

    Sticky option is not working for me

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

      Parent frame is a stack?

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

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

  • @nitromusik9275
    @nitromusik9275 6 หลายเดือนก่อน

    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  6 หลายเดือนก่อน

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

    • @nitromusik9275
      @nitromusik9275 6 หลายเดือนก่อน

      @@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 5 หลายเดือนก่อน

      @@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 5 หลายเดือนก่อน +1

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

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

      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

  • @mamunmiahbd
    @mamunmiahbd 8 หลายเดือนก่อน

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

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

      what do you not understand?

    • @mamunmiahbd
      @mamunmiahbd 8 หลายเดือนก่อน

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

    • @mamunmiahbd
      @mamunmiahbd 8 หลายเดือนก่อน

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

    • @mamunmiahbd
      @mamunmiahbd 8 หลายเดือนก่อน

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

  • @MetaArtisan
    @MetaArtisan 7 หลายเดือนก่อน

    why don't framer has prototype?

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

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

    • @MetaArtisan
      @MetaArtisan 6 หลายเดือนก่อน

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

  • @ethicseo
    @ethicseo 7 หลายเดือนก่อน

    Jesus can change yr life ❤

  • @BETTERLIFE-fj3tj
    @BETTERLIFE-fj3tj 5 หลายเดือนก่อน

    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 5 หลายเดือนก่อน +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  5 หลายเดือนก่อน

      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

  • @BETTERLIFE-fj3tj
    @BETTERLIFE-fj3tj 5 หลายเดือนก่อน

    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  5 หลายเดือนก่อน

      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 5 หลายเดือนก่อน

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