CSS 3D Folding Animation

Mouseover the blocks below to see the folding animation!

Simple Map Example

This example shows a map folding down. The map in this demo is an image, but you could use a real Google Map!

 

Text over Image

This example shows an elegant way to create an effect that uses opacity over an image.

David Walsh is totally epic

 

Blocks

This example shows colored blocks and a very slow animation to give you a better visual of what's being transformed.

Content