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

SIMILAR/RELATED POSTS:

PREVIOUS POST:

NEXT POST:

Leave Comment

 
 

Stay Updated, Subscribe to RSS Feed

 
 
 
 

Blogroll

 

Sponsored Links