Web Motion

HTML 5

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

 

CSS background images

 Demos

 

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.