scroll-reveal-libraries

This skill covers AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations. AOS excels at simple fade, slide, and zoom effects activated when elements enter the viewport.

Problem: AOS doesn't detect elements on first render or route changes.

Solution: Initialize in useEffect and refresh on route/content changes:

Animations de révélation simples déclenchées par défilement à l'aide d'AOS (Animate On Scroll). Utilisez cette compétence lors de la création de pages marketing, de pages de destination ou de sites riches en contenu nécessitant des effets de fondu/diapositive de base sans orchestration d'animation complexe. Se déclenche sur des tâches impliquant des animations de défilement, des révélations déclenchées par défilement, des AOS, des animations simples ou des effets de défilement de base. Alternative à GSAP ScrollTrigger et Locomotive Scroll pour des cas d'utilisation plus simples. Comparez avec motion-framer pour les animations spécifiques à React. Source : freshtechbro/claudedesignskills.