Click here to Skip to main content
15,885,885 members
Articles / Web Development / CSS3

Scattered Polaroids - Providing Image Animations with CSS3 and jQuery

Rate me:
Please Sign up or sign in to vote.
4.95/5 (66 votes)
29 Aug 2011CPOL5 min read 92.1K   1.6K   90  
Scattered Polaroids is like when you take an old box full of pictures, drop them all on a table, and start picking them randomly. This article deals with this the CSS3 and jQuery implementation of this concept.
This article breaks down the animation process of Scattered Images step by step. It looks at Loading the Images, Creating the Polaroids, Generating Random Positions and Rotations, Positioning and Rotating the Polaroids, Dragging and Dropping Polaroids, triggering the animation functionality in our application that will bring a polaroid to the front, as well as Animating Transitions via JavaScript.

Views

Daily Counts

Downloads

Weekly Counts

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Instructor / Trainer Alura Cursos Online
Brazil Brazil

Comments and Discussions