3D Transforms Slideshow

Welcome to the 3D slideshow Demo

Please use your arrow keys and keep your fingers away from the moving parts!

Special Thanks:

@hakimel for inspiring me

Can’t wait until Firefox supports 3D transforms

Right now we just can just use the Webkit Twins.

Filler (1 of 3)

Filler (2 of 3)

Filler (3 of 3)

End

Another Webkit demo on 3D transforms. This one works in Safari and Chrome(? I’m in the Dev channel, not sure about stable) everywhere. Basically this is a total ripoff of @hakimel’s slideshow video, but I just thought it was great and I wanted to make one. As usual, jQuery for the class changes and key listeners, CSS for the rest.

Published

Comments

Previous Experiment:

Beard Painter

Next Experiment:

Pulsing Tiles Challenge