Web Motion

HTML 5

Demos

• Canvas tag
• SVG

Overview

• Runs through a series of animations
• Uses Web Workers for background processing
• Requires: Firefox 3.5, Safari 4, Chrome 4

CSS

Demos

Overview

• The CSS animation was created using JavaScript and CSS, without the use of Flash, Silverlight, SVG, Java, or the HTML 5 canvas tag.
• 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, and it doesn't support IE when Windows is set to high-contrast mode.