Icontem

JavaScript Harlem Shake Dance: Shake page elements with CSS 3 keyframe animations

Recommend this page to a friend!
     
  Info   Videos Videos   View files View files (4)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2013-02-17 (4 years ago) RSS 2.0 feedNot enough user ratingsTotal: 325 All time: 122 This week: 46Up
Version License JavaScript version Categories
harlem-shake 1.0BSD License1.0Animation
Description Author

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.

Innovation Award
JavaScript Programming Innovation award winner
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
  Performance   Level  
Name: Arturs Sosins <contact>
Classes: 51 packages by
Country: Latvia Latvia
Age: 29
All time rank: 1
Week rank: 7 Down1 in Latvia Latvia Equal

Level 4 StarStarStarStar

 Innovation award
Innovation award
Nominee: 8x

Winner: 6x

  Files folder image Files  
File Role Description
Plain text file harlemshake.js Class Main class source
Plain text file harlemshake.packed.js Class Main class packed
Accessible without login Plain text file harlemshakes.css Data Definitions of animations
Accessible without login Plain text file example.html Example Example of Harlem Shake

Downloadharlem-shake-2013-02-17.zip 7KB
Downloadharlem-shake-2013-02-17.tar.gz 6KB
Install with ComposerInstall with Composer
 Version Control Unique User Downloads Download Rankings  
 0%
Total:325
This week:0
All time:122
This week:46Up

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image 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