Framer Tutorial: Creating A Text Reveal Scroll Animation (No-Code)
11.5 هزار بار بازدید -
6 ماه پیش
-
🎓 Framer University:
🎓 Framer University: https://framer.university
👉 Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, you'll learn how to create an Apple-style text reveal scroll animation for your Framer website. I'll show you how to set up your components and effects in Framer to pull this effect off. After watching this video, you'll be ready to add a text reveal scroll animation to your websites without any coding.
Starter file + project remix: https://framer.university/resources/t...
0:00 - Introduction
0:28 - Starter file
1:01 - Creating a text layer
1:42 - Making a component
2:54 - Setting up sticky positioning
4:20 - Creating trigger sections
5:15 - Adding scroll variant effect
6:05 - Hiding trigger sections
6:15 - Final animation
6:40 - More free resources
Follow me on:
X: https://x.com/learnframer
Instagram: Instagram: framer.university
👉 Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, you'll learn how to create an Apple-style text reveal scroll animation for your Framer website. I'll show you how to set up your components and effects in Framer to pull this effect off. After watching this video, you'll be ready to add a text reveal scroll animation to your websites without any coding.
Starter file + project remix: https://framer.university/resources/t...
0:00 - Introduction
0:28 - Starter file
1:01 - Creating a text layer
1:42 - Making a component
2:54 - Setting up sticky positioning
4:20 - Creating trigger sections
5:15 - Adding scroll variant effect
6:05 - Hiding trigger sections
6:15 - Final animation
6:40 - More free resources
Follow me on:
X: https://x.com/learnframer
Instagram: Instagram: framer.university
6 ماه پیش
در تاریخ 1402/10/08 منتشر شده
است.
11,541
بـار بازدید شده