Interactive Photo Desk with jQuery and CSS3
Codrops has created an Interactive Photo Desk with jQuery and CSS3 that provides some “realistic” interaction possibilities for the user. The idea is to have some photos on a surface that can be dragged and dropped, stacked and deleted, each action resembling the real world act.
If we drag a picture, it get’s “picked up” first, making it appear a little bit bigger. Dropping it results in the picture being “thrown back” to the table, in a random rotation. Viewing all photos mirrors the action of collecting all images into a pile and viewing the first one in a none rotated way. Clicking to see the next one then, makes the previous one being thrown back to the surface. Deleting an image will make it appear as a crumpled paper ball. When using the shuffle function, the photos get rotated and spread over the desk randomly.
Requirements: jQuery Framework & CSS3
Demo: http://tympanus.net/Development/PhotoDesk/
License: License Free
Related Posts :
Addy Osmani shows us how you can create a kick-ass animated Shine Effect with jQuery & CSS3 ...
Booklet is a jQuery tool for displaying content on the web in a flipbook layout. It was bui ...
Full Page Image Gallery with jQuery shows us how to create a stunning full page gallery with scr ...
This tutorial is about creating a creative gallery with a slider for the thumbnails. The id ...
Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make ...
Posted on Monday, September 13th, 2010 at 4:51 am | Category: CSS |
Archives
- January 2011 (54)
- December 2010 (382)
- November 2010 (421)
- October 2010 (388)
- September 2010 (628)
- August 2010 (262)