JSFiddle - React, Tailwind, and code Playground

HTML

<div class="rollover">TAP</div>
<div class="image-rollover"></div>

CSS

.rollover
{
    display:block;
    width:120px;
    text-align:center;
    background-color:yellow; 
    margin-bottom:50px;
}
.rollover:hover
{
    background-color:red;    
}

.image-rollover
{
    display:block;
    width:200px;
    height:200px;
    background-image:url('http://www.webdesign.org/img_articles/3326/glassorb6.jpg');    
}
.image-rollover:hover
{
    background-image:url('http://dc600.4shared.com/img/Nlyv6k28/s7/13cc464cd30/Orbz_water_nhcreate_.png');    
}