animation image
animation image
animation image

Train

NOTICE TO MAC MOUNTAIN LION + SAFARI 6 USERS: Please accept my apologies for the horrible flashing on my animation experiments. Safari 6 (on Mac OSX 10.8+) has a widespread CSS3 animation rendering bug that is causing the problem. Until Apple resolves the issue, I encourage you to try these pages in Chrome or Firefox for the ideal experience.

I came across this train schematic a number of years ago and I credit it for sparking my interest in blue prints, schematics, medical illustrations and the like. Its original non-monochromatic format was the featured piece of artwork on my homepage until I redesigned this site in 2012.

How?

The experiment consists of two steam images in addition to the main train image. The experiment plays with opacity and small adjustments to position. jQuery to CSS3 transition support is provied by the excellent jQuery Transit plugin.

Browser Support

All modern browsers. 

Other Dreams

View the rest of the visual experiments.

blog comments powered by Disqus

Get in Touch

Question, comment or request? Send me a note.