Back to Animations
Text Reveal
文字揭示
Text reveals line by line from behind a mask, creating a dramatic entrance for hero titles and key copy.
TextOn ScrollIntermediateGPU Accelerated
Preview
Code
Duration
800ms
Easing
cubic-bezier(0.16, 1, 0.3, 1)
CSS Properties
clip-path, transform, opacity
Use Cases
- Hero section headline entrance
- Landing page key messaging
- Section title scroll reveal
- Award-winning editorial layouts