Miller School Fundraising

Fading text on scroll

 

Designer-friendly animated fade-up text lines, activated on scroll

Challenges and requests:

  1. Squarespace 7.1

  2. Animated text based on inspirational site

  3. Easy selection of headings to animate

 

Solutions implemented:

  • Custom code for fading animation

  • Designer-friendly text setup

  • Responsive font size

 
Fading text on page load

Fading text on page load

Fading text on scroll

Fading text on scroll

Mobile view of fading text on scroll

Mobile view of fading text on scroll

Previous

Interactive bios page layout | It's Working Out
Next

Bold split mobile navigation for desktop | Miller School Fundraising