No video

Framer Tutorial: Creating A Text Reveal Scroll Animation (No-Code)

Пікірлер: 46

  • @des7638
    @des76386 ай бұрын

    the most chill teacher ever. amazing as usual . thank you

  • @framer.university

    @framer.university

    6 ай бұрын

    Thanks a lot 🫶

  • @OlaOlowo
    @OlaOlowo7 ай бұрын

    Nice. Let people know it's best practice to set the trigger layers to 'pointer event:none' to avoid unnecessary headaches.

  • @framer.university

    @framer.university

    7 ай бұрын

    Yes! That’s a good tip! ✌️ thanks!

  • @caiosaulnier6574

    @caiosaulnier6574

    7 ай бұрын

    How do I set this, guys? and why it's better?

  • @OlaOlowo

    @OlaOlowo

    7 ай бұрын

    Check Framer's video here at 1:42 kzread.info/dash/bejne/oZikqcWQm7W-lpM.htmlsi=KyazS9PjhuuWKPw3 Also it's not a question of why it's better, but it's best practice. Because your trigger layers might block other contents from being clickable, you need to set the trigger to pointer event:none so you can click on layers below it.

  • @InfinyteamCompany

    @InfinyteamCompany

    6 ай бұрын

    isn't z-index -1 will did the job?

  • @michaelbruzzese
    @michaelbruzzese7 ай бұрын

    It's so simple, but really pro looking! Thanks for the top-notch content 🙌♥

  • @framer.university

    @framer.university

    7 ай бұрын

    My pleasure! :)) glad you liked it

  • @adeo149
    @adeo1497 ай бұрын

    Amazing tutorial, really appreciate that!

  • @framer.university

    @framer.university

    7 ай бұрын

    Glad you liked it :)

  • @takeanappan
    @takeanappan21 күн бұрын

    always nice content.

  • @kresnawira5708
    @kresnawira57087 ай бұрын

    This is getting better and better ❤

  • @framer.university

    @framer.university

    7 ай бұрын

    🫶🫶 thanks

  • @dangoodango6916
    @dangoodango69167 ай бұрын

    This channel is soooo underrated 🎉🎉🎉 thank you for sharing

  • @framer.university

    @framer.university

    7 ай бұрын

    Glad you enjoy it! :))

  • @lydiawere
    @lydiawere7 ай бұрын

    nice..thanks Nandi, great content as usual.

  • @framer.university

    @framer.university

    7 ай бұрын

    Thank you so much 😊

  • @mr.chinaski2613
    @mr.chinaski26137 ай бұрын

    Awesome content as always

  • @framer.university

    @framer.university

    7 ай бұрын

    Thanks buddy 🫶🫡

  • @user-sz1we5yy1c
    @user-sz1we5yy1c7 ай бұрын

    Thank You so much our mentor

  • @framer.university

    @framer.university

    7 ай бұрын

    My pleasure! :))

  • @AmjadKhan-rz6nu
    @AmjadKhan-rz6nu7 ай бұрын

    Awesome 😮

  • @framer.university

    @framer.university

    7 ай бұрын

    Thanks! :)

  • @uiuxdesigner101
    @uiuxdesigner1017 ай бұрын

    When your full course is coming out?

  • @framer.university

    @framer.university

    7 ай бұрын

    2024! Stay tuned! 🫶

  • @TheRelaxingdGirl
    @TheRelaxingdGirl4 ай бұрын

    For some reason it's not allowing the frames made to scroll over the text to scroll. not sure what I'm doing wrong.

  • @framer.university

    @framer.university

    4 ай бұрын

    Can't help you without seeing your project. You can maybe send a remix link.

  • @UniStudioTV
    @UniStudioTV6 ай бұрын

    Any idea to add smooth transition to it?

  • @framer.university

    @framer.university

    6 ай бұрын

    You can control the transition by going into the component and adjusting the primary variant’s transition

  • @GunzIf

    @GunzIf

    Ай бұрын

    @@framer.universityLike setting an appear effect for each variant?

  • @luismiplays

    @luismiplays

    Ай бұрын

    For each scroll interaction*

  • @roanjvvuuren7698
    @roanjvvuuren76987 ай бұрын

    For some reason, Framer is not allowing different colors in the same paragraph. Am I doing something wrong? It feels like Framer is glitching.

  • @framer.university

    @framer.university

    7 ай бұрын

    Remove the text variable from its content property.

  • @roanjvvuuren7698

    @roanjvvuuren7698

    7 ай бұрын

    @@framer.university yeah no I did. I can edit it it’s just not working. I can edit the colors but it does not change.

  • @erikakaishi1431

    @erikakaishi1431

    3 ай бұрын

    I was trying to do that interaction on a project and it wasn't working in that way with all the phrases in the same paragraph. I tested breaking in multiple text-blocks, each one being a phrase I wanted to "reveal" and it worked greatly.

  • @mindmotivator3070
    @mindmotivator30702 ай бұрын

    i am having a problem with the tablet view its not doing the animation only on the desktop view

  • @mindmotivator3070

    @mindmotivator3070

    2 ай бұрын

    nevermind fix it

  • @framer.university

    @framer.university

    2 ай бұрын

    glad you were able to fix it 🫶

  • @mindmotivator3070

    @mindmotivator3070

    2 ай бұрын

    i do have one issues how how do i get the scroll animation to fit the different breakpoints i am having trouble with that

  • @bishalsaha1434

    @bishalsaha1434

    5 күн бұрын

    ​@@mindmotivator3070 make varients for mobile

  • @maskedvillainai
    @maskedvillainai4 ай бұрын

    If I’m being completely honest, not using code here quintuples the time taken to get this effect. It’s about 10 lines of code.

  • @framer.university

    @framer.university

    4 ай бұрын

    great! Then you should code it instead of making it without code. :)

  • @ppppeeeennnnyyyy
    @ppppeeeennnnyyyy3 ай бұрын

    Guys is the sticky scroll doesn’t work watch the video until 4:10 and he will tell you something he forgot

  • @ppppeeeennnnyyyy

    @ppppeeeennnnyyyy

    3 ай бұрын

    I kept replaying the video from about 3:50 because i thought i missed something, he had just forgot to mention it. Next time ill watch the entire video before i begin lol.

  • @framer.university

    @framer.university

    3 ай бұрын

    Hehe sorry guys! ✌️✌️