Плавное появление блока при доскролле: контент «приезжает», когда попадает в поле зрения, и страница ощущается живой, а не вываливается разом. Используйте на лендингах и длинных страницах для секций, карточек и иллюстраций.

Технические детали: построен на motion-v (Motion, whileInView); направление появления direction (up/down/left/right/none, по умолчанию up — контент приезжает снизу), величина сдвига distance в px, delay и duration в мс, once — анимировать один раз (по умолчанию true), as — корневой тег. SSR рендерит initial-состояние — прогрессивное улучшение. prefers-reduced-motion: контент сразу виден, без initial-скрытия и анимации.