CSS animations are heating up!
summary
Survey of modern CSS animation techniques and how they replace legacy Flash-era effects, focusing on achieving simple, performant, and diverse animations using CSS (and when needed JavaScript). Covers concrete capabilities such as following motion paths, triggering animations on scroll or when elements enter the viewport, and animating on page changes.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 2:54CSS transitions basics
- 12:03CSS animations explained
- 19:14Modern CSS animation features
- 27:10Scroll-driven animations
- 32:35Page transition API
- 35:13Summary & Q&A
related talks
38mAdvanced animation with CSS in HTML and SVG to improve UX
44mFrom CSS to WebGL Shaders: An Overview of Animation Techniques
38mCSS in motion: Animations for fun and profit
26mCSS like a single animation
39mModern CSS for Creative Developers
26mCSS animation Today (2021 Edition)
36mSmooth Animations for Web & Hybrid
19mThe Shady Web: Using CSS for Good, not Evil