JavaScript Harlem Shake Dance: Shake page elements with CSS 3 keyframe animations
| Recommend this page to a friend! |
 Author |
 |
|
Innovation award Nominee: 7x Winner: 5x | ||||||||||
This class can shake page elements using CSS 3 keyframe animations.
It can animate a given page elements using different types of shake animation styles defined using CSS 3 @keyframe definitions.
It starts animating a given first element and then several other elements after a given delay, thus the Harlem shake meme analogy.
Currently it supports several animation styles like shake, flash, bounce, tada, swing, wobble, pulse, flip and rotate.
It can animate a given page elements using different types of shake animation styles defined using CSS 3 @keyframe definitions.
It starts animating a given first element and then several other elements after a given delay, thus the Harlem shake meme analogy.
Currently it supports several animation styles like shake, flash, bounce, tada, swing, wobble, pulse, flip and rotate.
| Classes of Arturs Sosins | > | JavaScript Harlem Shake Dance | > |  Download .zip .tar.gz |
> |  Support forum |
> |  Blog |
> |   Latest changes |
|
|||||||||||||||
| Groups |  Tutorials |
Applications | Related pages |  Files |
| Groups |
 Animation |
Animation effects | View top rated classes |
| Tutorial videos and presentations |
 |
|
| Innovation Award |
 February 2013 Winner |
Harlem Shake is a meme that became popular in 2013. It consists of a person dancing initially to a given rhythm. Then other people follow by also starting to dance, eventually in different ways. This class tries to implement a similar concept by using CSS3 keyframes to initially animate a given page element and later several other page elements. Manuel Lemos |
| Applications that use this package |
No pages of applications that use this class were specified.
If you know an application of this package, send a message to the author to add a link here.
| Related pages |
| Harlem Shake documentation Documentation and example scripts in action |
| Files |
| File | Role | Description |
|---|---|---|
| harlemshake.js |
Class | Main class source |
| harlemshake.packed.js |
Class | Main class packed |
 harlemshakes.css |
Data | Definitions of animations |
| example.html |
Example | Example of Harlem Shake |
| Download all files: harlem-shake.tar.gz harlem-shake.zip NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.
|
For more information send a message to
info at jsclasses dot org.Copyright (c) Icontem 2010-2016