animation image
animation image

Identity

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.

Despite what some may argue, Windex doesn't cure everything. To get rid of these oily prints, you'll need to move along.

How?

This dream consists of a single image, rendered twice. One rendering is manipulated with respect to size and positioning. The second simply serves as the oily remains (i.e., the finger prints). jQuery to CSS3 transition support is provied by the excellent jQuery Transit plugin.

Browser Support

All modern browsers. Other browsers are served static, non-moving images. 

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.