View timeline

Ties an animation to an element moving through the screen.

What is a view timeline?

A view timeline ties an animation to an element's journey across the screen, so it can fade in as it scrolls into view.

.card { animation: fade-in linear both; animation-timeline: view(); animation-range: entry; }

Level: Master · More CSS terms at this level

Updated September 27, 2026