Свойство animation-range задаёт фазу timeline, в которой проигрывается keyframes — например, только пока карточка входит в зону видимости.
Снижает «проигрывание вхолостую» анимаций ниже fold.
- [animation-range — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-range) — Синтаксис и ключевые слова.
---
## Perf
Не вешайте timeline на сотни элементов — группируйте секции.