Starting Web Animation

What you choose to animate with determines what you can do.

GIF
Sprite
Video

Limited interaction

CSS
Canvas
SVG
DOM-based JS
WebGL

More fully interactive

What's the best way to animate an illustration for the web?

Let's create!

Starting web animation

By Zach Saucier

Starting web animation

A 10 minute intro to web animations, primarily using a live demo.

1,557

Zach Saucier

Front-end web developer; specialist in web animations and user interaction.