Experiments within HTML

Boing!

Animation description: The heading starts in 2D with the dark grey word on a plain light grey background. As the word passes half way up the screen the letters all spring forward with each letter changing to a different color. The background changes to a rotating pink sunburst.

Oreos

Animation description: The letters a colored like an Oreo and start stacked together vertically, as if inside their packaging. As the page scrolls down the letters fall into their positions side by side.

Slide out

Animation description: The heading starts in 2D with the letters all colored light grey. As the word passes half way up the screen the letters all smoothly slide forward to float above the page revealing they are 3D. Each letter changing to a different color.

Smash

Animation description: The green colored heading starts high above the purple colored background. As the word passes half way up the page it crashes quickly down, causing a large crack to appear.

Donuts

Animation description: Each letter resembles a different flavor of donut. The letters start in the background and as the page scrolls up each donut animates into the foreground.