Scroll-Triggered Clip

Update clip-path based on scroll position. Create reveal animations as users scroll.

Key Concepts

• Scroll-based animations
• JavaScript integration
• Progress calculations

Technical Details

/* Use scroll position to update clip-path */
const progress = scrollY / (docHeight - windowHeight);
element.style.clipPath = `circle(${progress * 100}% at 50% 50%)`;