# 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.

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

Level: Master · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/master)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/view-timeline