Google AI Professional Certificate - Learn AI Skills That Get You Hired
Launch Your Cybersecurity Career in 6 Months
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to create a CSS-only text reveal scroll effect in this 17-minute tutorial video. Explore techniques for generating gradient text, crafting animations, and fine-tuning timing to replicate a captivating scroll-triggered text reveal effect. Follow along as the instructor demonstrates how to overcome challenges, including the need for inline elements and matching the gradient to the original design. Gain insights into advanced CSS concepts like scroll-timeline and discover how to enhance your web designs with engaging, interactive text animations.
Syllabus
- Introduction
- What we’re starting with
- Creating gradient text
- Creating the animation
- Realizing I need inline elements
- Fixing the animation timing
- Making the gradient match the original version
Taught by
Kevin Powell