Animations, Transitions and 3D Transforms

Use the links below to take at a look at some of the 3D transformations that can be applied to any element. These examples currently only work in Safari 5 (Windows) and some of the Webkit nightly builds. I'm hoping to extend them to Firefox when 4 it is released. And keep an eye out because I'll be adding more examples as and when I think or them, and create them! For now, enjoy the standard Safari example (extended a little by me) of a cube, and my own take on this example which is going to represent a clock (eventually) using only CSS3. I've also started work on a pyramid shape, but this is going to be a little more complicated.