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

Published: 29 December 2023
on channel: Framer University
17,847
481

🎓 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:   / framer.university  


Watch video Framer Tutorial: Creating A Text Reveal Scroll Animation (No-Code) online without registration, duration hours minute second in high quality. This video was added by user Framer University 29 December 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17,84 once and liked it 48 people.