animation imageanimation imageanimation imageanimation image

Dream Tree

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.