Layout
DrylReveal
Animates content in as it scrolls into view. An IntersectionObserver reveals
each wrapper the first time it enters the viewport; direct children tween in,
optionally staggered one after another for a motion.dev-style entrance. Ideal
for content-heavy and marketing surfaces. Honours
prefers-reduced-motion.
Default — rise into view
I rise + fade in the first time I scroll into view.
Staggered children
One
Two
Three
Four
Transitions
Fade
Rise
Scale in