Web Motion

HTML 5

Demos

• Canvas tag
• SVG

Overview

• Runs through a series of animations
• Requires: IE 9, Firefox 3.5, Safari 4, Chrome 4

CSS background images

 Demos

• Blue sky
• Slideshow

Foreground images and CSS borders

Demos

Overview

• The above animations were created with foreground images, background colors, and CSS borders.
• Polygons are rendered by breaking them down into a series of right triangles which are drawn using the CSS border property.
  See an example of this.

• This style of animation turned out to be impractical: It renders too slowly for use on real-world web pages.