JSFiddle - React, Tailwind, and code Playground

by Arun P Johny

HTML

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

CSS

body {
    background-color: lightblue;
}

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

JavaScript

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