Uses compass to automatically generate the CSS for a variable of rows/columns. You can also play with the depth of the 3D effect and the angle the first and last rows should be rotated to.
If you change/play around with the configuration at the top, don't forget to update the html to include enough image "tiles".
I've made the 3d effect appear on hover purely so that the depth can be seen more effectively. Click and hold on an image to show it in full.
I've included some fallback JS for clicking to show and hide the images in full, but commented it out as this is a kind of proof of concept for doing this with just CSS.
Thanks to Nic da Costa (https://plus.google.com/u/0/111523616060404197347/about) for the help with the calculations (my maths isn't too great).