JSFiddle - React, Tailwind, and code Playground

by Gil Barbara

HTML

<ul>
    <li><a class="custom" href="http://lorempixel.com/132/50/sport"><span></span></a></li>
</ul>

CSS

.custom {
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 132px;
    height: 50px;
    background: url(http://lorempixel.com/132/50/animals) no-repeat;
}
.custom span {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(http://lorempixel.com/132/50/food) no-repeat;
}

JavaScript

$('a.custom').hover(function() {
    $(this).find("span").fadeToggle();
});