How to create a drag-and-drop Polaroid-style image gallery
Use CSS3 and jQuery to build an interactive Polaroid photo style gallery.
In this tutorial we’re going to create a popular effect – scattered Polaroid-style photos that can be moved around on a surface. We’re aiming to make it fun to interact with the design, so the images will need to respond to input with scale, rotation and movement. We’ll use CSS3 where we can to deal with the animation, and jQuery to enable the drag-and-drop aspect, highlighting the strength of a combination approach.
The end result is a tidy little gallery that works across different browsers, with a nice level of visual panache as well as slick user interaction.