JSFiddle - React, Tailwind, and code Playground

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 () {
	    $(this).stop().animate({"opacity": 0});
	}, function () {
	    $(this).stop().animate({"opacity": 1});
	});