The additional info loading up when hover is made purely with css, and is "dynamic" so it will expand upwards with whatever content is put there.
This is possible with the mixed use of transform:translate and position:absolute.
The beautiful product image: http://chrishavron.deviantart.com/art/Shoe-Product-Shot-153146832
Inspiration after seeing this piece of work by: Virgil pana: http://dribbble.com/shots/986548-Product-Catalog
Inspiration from the new myspace design: http://myspace.com
- Creating Loading Image Effect Using CSS3
- Calendar with study plan
- Responsive List + Flip effect
- Disco rain
- css ninjas