pokestop

This animation is a simple demonstration of layering various 3d transforms on top of each other to create a more complex image. Here, transparent png's are used to display each of the rings of the pokestop.

pokestop pokestop pokestop pokestop pokestop

stars

This is an animation utilizing JavaScript to randomly add and remove twinkling stars from the "sky" based on the size of the window. The twinkling of the stars is animated with CSS.

picture globe

Here images are clipped and rotated in 3-D to create a octahedron shape using CSS. Images from the image bank can be dragged to various faces of the octahedron to create a custom picture globe thanks to the HTML drag and drop API as well as a touch of JavaScript.

Image Bank

Drag and drop images from the image bank into the globe!