JSFiddle - React, Tailwind, and code Playground

by craigzilla

HTML

<a href="#"><div class="btn">BUTTON</div></a>

CSS

.btn {
    background-image: url(http://www.placehold.it/110x88);
    height: 88px;
    width: 110px;
    overflow: hidden;
    opacity: 1;
}

JavaScript

$('btn').hover(function () {
	    $('btn', this).stop().animate({
	        "opacity": 1
	    });
	}, function () {
	    $('btn', this).stop().animate({
	        "opacity": 0
	    });
	});