Framer Tutorial: Creating A Text Reveal Scroll Animation (No-Code)
Жүктеу.....
Пікірлер: 46
@des76386 ай бұрын
the most chill teacher ever. amazing as usual . thank you
@framer.university
6 ай бұрын
Thanks a lot 🫶
@OlaOlowo7 ай бұрын
Nice. Let people know it's best practice to set the trigger layers to 'pointer event:none' to avoid unnecessary headaches.
@framer.university
7 ай бұрын
Yes! That’s a good tip! ✌️ thanks!
@caiosaulnier6574
7 ай бұрын
How do I set this, guys? and why it's better?
@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
6 ай бұрын
isn't z-index -1 will did the job?
@michaelbruzzese7 ай бұрын
It's so simple, but really pro looking! Thanks for the top-notch content 🙌♥
@framer.university
7 ай бұрын
My pleasure! :)) glad you liked it
@adeo1497 ай бұрын
Amazing tutorial, really appreciate that!
@framer.university
7 ай бұрын
Glad you liked it :)
@takeanappan21 күн бұрын
always nice content.
@kresnawira57087 ай бұрын
This is getting better and better ❤
@framer.university
7 ай бұрын
🫶🫶 thanks
@dangoodango69167 ай бұрын
This channel is soooo underrated 🎉🎉🎉 thank you for sharing
@framer.university
7 ай бұрын
Glad you enjoy it! :))
@lydiawere7 ай бұрын
nice..thanks Nandi, great content as usual.
@framer.university
7 ай бұрын
Thank you so much 😊
@mr.chinaski26137 ай бұрын
Awesome content as always
@framer.university
7 ай бұрын
Thanks buddy 🫶🫡
@user-sz1we5yy1c7 ай бұрын
Thank You so much our mentor
@framer.university
7 ай бұрын
My pleasure! :))
@AmjadKhan-rz6nu7 ай бұрын
Awesome 😮
@framer.university
7 ай бұрын
Thanks! :)
@uiuxdesigner1017 ай бұрын
When your full course is coming out?
@framer.university
7 ай бұрын
2024! Stay tuned! 🫶
@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
4 ай бұрын
Can't help you without seeing your project. You can maybe send a remix link.
@UniStudioTV6 ай бұрын
Any idea to add smooth transition to it?
@framer.university
6 ай бұрын
You can control the transition by going into the component and adjusting the primary variant’s transition
@GunzIf
Ай бұрын
@@framer.universityLike setting an appear effect for each variant?
@luismiplays
Ай бұрын
For each scroll interaction*
@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
7 ай бұрын
Remove the text variable from its content property.
@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
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.
@mindmotivator30702 ай бұрын
i am having a problem with the tablet view its not doing the animation only on the desktop view
@mindmotivator3070
2 ай бұрын
nevermind fix it
@framer.university
2 ай бұрын
glad you were able to fix it 🫶
@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
5 күн бұрын
@@mindmotivator3070 make varients for mobile
@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
4 ай бұрын
great! Then you should code it instead of making it without code. :)
@ppppeeeennnnyyyy3 ай бұрын
Guys is the sticky scroll doesn’t work watch the video until 4:10 and he will tell you something he forgot
@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.
Пікірлер: 46
the most chill teacher ever. amazing as usual . thank you
@framer.university
6 ай бұрын
Thanks a lot 🫶
Nice. Let people know it's best practice to set the trigger layers to 'pointer event:none' to avoid unnecessary headaches.
@framer.university
7 ай бұрын
Yes! That’s a good tip! ✌️ thanks!
@caiosaulnier6574
7 ай бұрын
How do I set this, guys? and why it's better?
@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
6 ай бұрын
isn't z-index -1 will did the job?
It's so simple, but really pro looking! Thanks for the top-notch content 🙌♥
@framer.university
7 ай бұрын
My pleasure! :)) glad you liked it
Amazing tutorial, really appreciate that!
@framer.university
7 ай бұрын
Glad you liked it :)
always nice content.
This is getting better and better ❤
@framer.university
7 ай бұрын
🫶🫶 thanks
This channel is soooo underrated 🎉🎉🎉 thank you for sharing
@framer.university
7 ай бұрын
Glad you enjoy it! :))
nice..thanks Nandi, great content as usual.
@framer.university
7 ай бұрын
Thank you so much 😊
Awesome content as always
@framer.university
7 ай бұрын
Thanks buddy 🫶🫡
Thank You so much our mentor
@framer.university
7 ай бұрын
My pleasure! :))
Awesome 😮
@framer.university
7 ай бұрын
Thanks! :)
When your full course is coming out?
@framer.university
7 ай бұрын
2024! Stay tuned! 🫶
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
4 ай бұрын
Can't help you without seeing your project. You can maybe send a remix link.
Any idea to add smooth transition to it?
@framer.university
6 ай бұрын
You can control the transition by going into the component and adjusting the primary variant’s transition
@GunzIf
Ай бұрын
@@framer.universityLike setting an appear effect for each variant?
@luismiplays
Ай бұрын
For each scroll interaction*
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
7 ай бұрын
Remove the text variable from its content property.
@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
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.
i am having a problem with the tablet view its not doing the animation only on the desktop view
@mindmotivator3070
2 ай бұрын
nevermind fix it
@framer.university
2 ай бұрын
glad you were able to fix it 🫶
@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
5 күн бұрын
@@mindmotivator3070 make varients for mobile
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
4 ай бұрын
great! Then you should code it instead of making it without code. :)
Guys is the sticky scroll doesn’t work watch the video until 4:10 and he will tell you something he forgot
@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
3 ай бұрын
Hehe sorry guys! ✌️✌️