JSFiddle - React, Tailwind, and code Playground

by Ian Roberts

HTML

<div><img src="http://data.whicdn.com/images/23868307/XmHJg_large.jpg" alt="" /></div>

CSS

div{
    width:300px;
    height:300px;
    
    background-image:url(http://data.whicdn.com/images/23790469/KJG36_large.jpg)
}

img{display:none;}

JavaScript

//swap image on hover

$(document).ready(function() {
    $('div').mouseover(function(){
        $('img').fadeIn('slow');
    });
    $('img').mouseout(function(){
        $('img').fadeOut('slow');
    });
});