JSFiddle - React, Tailwind, and code Playground

by auzz

HTML

<div id='jittertest' class='' style=''>
</div>click to toggle css transitions

CSS

div {
    background: transparent url(http://www.dwtutorials.com/tutorials/images/stories/tuts/angry_birds.png) no-repeat 0 0;
    width: 38px;
    height: 42px;
   background-size: auto 200px;
    background-position: -235px -58px;
    overflow:hidden;
    margin: 50px;
    border: 2px solid #bbb;
}
div.hover {
     -webkit-transition: all 5.5s ease;
    -moz-transition: all 5.5s ease;
    -o-transition: all 5.5s ease;
    -ms-transition: all 5.5s ease;
    transition: all 5.5s ease;
}
div.hover:hover, div:hover  {
     background-position: -470px -112px;
    background-size: auto 400px;
    width: 69px;
    height: 88px;
}

JavaScript

$('jittertest').addEvent('click', function(e){
    this.toggleClass('hover');
});