Fade up
Классика: блок поднимается снизу и проявляется
Прокрутите эту область ↓
Блоки появятся, когда войдут в зону видимости
Анимация одноразовая — для повтора нажмите RESET SCENE
fade-up
Fade left
Смещение по X — контент «въезжает» слева
Fade right
Зеркальный вариант для чередования ритма
Scale in
Лёгкое увеличение + opacity — акцент на появлении
Stagger
Задержка по индексу — каскад между соседними блоками
One-shot
После reveal observer отписывается — без повторной анимации
Observer root
Root = scroll-контейнер demo, а не window — локальный viewport
Root margin
Сдвиг границы срабатывания — reveal раньше или позже
Threshold
Часть блока должна войти в зону, прежде чем стартует анимация
CSS transition
Opacity и transform — без JS на каждый кадр
Reduced motion
При prefers-reduced-motion блоки видны сразу, без анимации
Scroll rhythm
Чередование направлений держит внимание при длинной ленте