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:

Semplici animazioni di rivelazione attivate dallo scorrimento utilizzando AOS (Animate On Scroll). Utilizza questa abilità quando crei pagine di marketing, pagine di destinazione o siti ricchi di contenuti che richiedono effetti di dissolvenza/diapositiva di base senza una complessa orchestrazione di animazioni. Si attiva su attività che coinvolgono animazioni di scorrimento, rivelazioni attivate dallo scorrimento, AOS, animazioni semplici o effetti di scorrimento di base. Alternativa a GSAP ScrollTrigger e Locomotive Scroll per casi d'uso più semplici. Confronta con motion-framer per animazioni specifiche di React. Fonte: freshtechbro/claudedesignskills.