Introduction Unleash the power of Scroll-Driven Animations (110) (Дата оригинальной публикации: )

Introducing “Unleash the power of Scroll-Driven Animations”, a free video course that teaches you all about Scroll-Driven Animations in CSS or JavaScript. With Scroll-Driven Animations – a feature available in Chrome 115 and up – you can take an existing CSS or WAAPI Animation and connect it to a scroller using only a few lines of code. Chapters: 0:00 - Intro 0:58 - What is a Scroll-Driven Animation? 2:97 - Why you shouldn’t use a third-party library 3:50 - Catering for older browsers and users who are not fine with things moving around 4:56 - Outro Resources: Website: Google Visitor Experience → Article: Learn CSS Animations → Demo: Scroll-Driven Image Reveal (CSS) → Demo: Scroll-Triggered Image Reveal (CSS) → Demo: Janky Reading Indicator (JS) → Demo: Non-Janky Reading Indicator (CSS) → Article: Scroll-Driven Animations Performance Case Study → Check out more Scroll-Driven Animations Demos → Watch more Unleash the Power of Scroll-Driven Animations → Subscribe to Chrome for Developers → #CSS #ScrollDrivenAnimations #Animation #Chrome Speaker: Bramus Van Damme