https://www.codeslog.com/en/tags/animation/ Recent content in Animation on Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.150.0 en-US Wed, 12 Aug 2026 01:34:00 +0900 https://www.codeslog.com/en/posts/scroll-driven-animation/ Wed, 12 Aug 2026 01:34:00 +0900 https://www.codeslog.com/en/posts/scroll-driven-animation/ Scroll-Driven Animation treats scroll not as an event but as the timeline itself. This post compares three implementations — native CSS, IntersectionObserver, and requestAnimationFrame — covering how each works, their tradeoffs, and accessibility.