Polaroid Photo Viewer With CSS3 and jQuery

Polaroid Photo Viewer allows you to display your collection of images in with Polaroid effect. User can drag the pictures around and rotate them. User will see the shadow when they drag a Polaroid around  and when they place it down, picture is rotated to the left or the right randomly.

Since Polaroid Photo Viewer is using CSS3, not all modern browsers will be able to show full effects. Because of this, it only works on Apples Safari and Google Chrome as they are the only browsers supporting the Transform and Box-Shadow property of CSS3 via the -webkit- prefix. Mozillas Firefox 3.1 is getting these properties too (with the -moz- prefix). Other browsers will display the Polaroid’s, but won’t have the neat shadow while dragging and rotating while placing them down.

Developed by Marco Kuiper; You can find further information, tutorial, demo & download on Marco Kuiper’s Blog.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More




Leave Comment


Stay Updated, Subscribe to RSS Feed




Sponsored Links