From CSS to WebGL Shaders: An Overview of Animation Techniques
summary
A survey of web animation techniques comparing native APIs (CSS, Web Animations API), Canvas API, specialized libraries (FLIP, Lottie, Framer Motion, Rive), and WebGL shaders (GLSL). It covers when to choose each approach, compares performance and use cases, and briefly demonstrates the more advanced shader effects used on award-winning sites.
AI-written summary · about
chapters (11)
- 0:00Web animations overview
- 4:44CSS transitions
- 9:56CSS sequences
- 14:10Web Animation API
- 16:57RequestAnimationFrame
- 21:37JavaScript frameworks
- 25:24JavaScript libraries
- 32:44Canvas 2D animations
- 36:33WebGL Canvas
- 39:22GLSL shaders
- 42:35Summary
