JSFiddle - React, Tailwind, and code Playground

by gene

HTML

<div class="item"></div>

<button id="animate">Animate</button>
<button id="clear">Clear</button>

CSS

.animated {
-webkit-transition: background .5s;
    -moz-transition: background: 0.5s;
cursor: pointer;
background: url('http://t3.gstatic.com/images?q=tbn:ANd9GcQKdfuLUpnRRYvmQWdmyRat_X40M6-XCJSNJOH0YlIddOxCSUgnmg') center right no-repeat;
}

.item {
    height: 100px;
    margin: 10px;
    width: 400px;
    border: 1px solid green;
}

JavaScript

$('#animate').click(function() {
    $('.item').addClass('animated');
});

$('#clear').click(function() {
    $('.item').removeClass('animated');
});