timeline-range: entry 0% 100% для scroll-анимации
Точные фазы keyframes.
Свойство `animation-range: entry 0% cover 40%` ограничивает проигрывание keyframes фазой появления карточки в scrollport — тоньше, чем один `animation-timeline` на весь скролл.
Сочетайте с `view-timeline` на карточке кейса.
- animation-range — MDN — Диапазон анимации.
- Scroll-driven animations — web.dev — Туториал.
Reduced motion
Отключайте range-анимации при `prefers-reduced-motion: reduce`.