Placing images on simple polaroids on a webpage simply did not do it for me. I wanted to drag them around, rotate them and still have a fun time. That iss were CSS and jQuery come in play. By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you will see the shadow. When it is placed down, it iss rotated to the left or the right (random).



Creating a polaroid photo viewer with CSS3 and jQuery Web Site
Creating a polaroid photo viewer with CSS3 and jQuery Demo
Creating a polaroid photo viewer with CSS3 and jQuery Download

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

2 Responses to “Creating a polaroid photo viewer with CSS3 and jQuery”

  1. [...] 9. Creating a polaroid photo viewer with CSS3 and jQuery [...]

  2. Peter Benson says:

    Great photo viewer. Is it possible to stack them in one place?

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>