animation image
animation image
animation image

Tree

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.

The tree dream was the first one I made. One set of birds emerges from the tree, the other escapes toward it. Some might put this one in the category of a bad dream. Others, Portlandia fans for example, might think this dream was saved by having "put a bird on it."

How?

The experiment consists of two bird images plus the tree image. The opacity, size, and position of the bird images is manipulated through a series of transformations/animations. 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.