animation-range: когда анимация стартует и заканчивается в viewport

Свойство animation-range задаёт фазу timeline, в которой проигрывается keyframes — например, только пока карточка входит в зону видимости.

Снижает «проигрывание вхолостую» анимаций ниже fold.

- [animation-range — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-range) — Синтаксис и ключевые слова.

---

## Perf

Не вешайте timeline на сотни элементов — группируйте секции.