JSFiddle - React, Tailwind, and code Playground

by hobobne

HTML

<div id="alta"></div>

CSS

#alta {background: url('http://alta.ee/projects/allfilm/html_cut/images/alta3.png') left no-repeat; width: 15px; height: 10px; border: 1px solid #C0C0C0; -moz-border-radius: 3px; padding: 5px; margin: 20px;}
.hover {background: url('http://alta.ee/projects/allfilm/html_cut/images/alta3.png') right no-repeat; margin: 40px;}

JavaScript

$('#alta').hover(function () {
    $(this).addClass('hover', 500);
}, function () {
    $(this).removeClass('hover', 500);
});