Designer
CMS
Ecommerce
Interactions
Memberships
Editor
Logic
SEO
Hosting
Security
Overview
Libraries
Apps
Hire a Certified Partner
Templates
Made in Webflow
Learn
Community
Ebooks
Forum
Blog
Support
LoginContact Sales
Get started — it's free
Made in Webflow

Muted Text Reveal on Scroll

Web Bae's avatar
Web Bae
Clone in Webflow13
site profile thumbnail
Open in Webflow
Open live site
Use GSAP ScrollTrigger and SplitText to create an effect where muted text "fills in" on scroll. It's a fun trick that uses some clever sizing with the background property combined with a linear-gradient that has hard stops at 50%.
Open in Webflow
Open live site
gsap
scrolltrigger
text animation

More sites by Web Bae

See profile
The Greatest Infinite Marquee (HTML + CSS only)
764
7.2k
Moving Gradient Background
587
3.5k
Award Winning Grid Trail Mouse Follow Effect
433
1.2k

Similar sites

Melissa Patenaude
MP
m Beauty Collections
1
0
Melissa Patenaude
Kirill Markovich
KM
shellscrub
1
0
Kirill Markovich
Justin Kim
JK
maxon-2-0
1
Justin Kim
author avatar
How to create tooltips with Tippy.js?
189
613
Webflowtips
author avatar
aarons-stellar-site-508537
1
aarons amazing workspace
author avatar
Storey & Ward - A New Voice for First Nations' Legal Reform
0
Thirst Creative
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social