I wanted to post a little experiment I coded a few months ago just to try my skills. When I have some time I like to write a post about it in our blog (in spanish) so other people can find it and use it. Writing the tut actually took more time than making the effect, but I'm really pleased with the results.
My original idea was to portray someone coming home from a world wide trip, with lots of photos. I went with the Polaroids because they resemble of a past era and are charming, and made them with some paper texture. I paired it with a wooden background and some script lettering to simulate notes for each place and each emotion.
I used LESS to make the coding a bit shorter because with CSS3 animations is needed to repeat things 1000 times.
The effects on hover are enlargement, rotation or change of position. I used different classes to use on different photos just to give the idea of what would happen if these were real photos on a real table, touched and lifted by a person.
The .less file was compiled within Sublime Text 2 and not included with the .js to speed things up.
What I don't like is that the text looks jagged when is rotated, that just bothers me but for the moment I'm not familiar with any tecnique to make it better.