Scroll-Driven Animation

2026npx

A ball that moves from bottom-right to top-left as you scroll — no JavaScript, no IntersectionObserver.

The container defines a named scroll-timeline, and the ball's position is animated against it. The browser maps scroll progress directly to the animation, so the ball tracks your scroll position exactly.