JSFiddle - React, Tailwind, and code Playground

by panchroma

HTML

<div class="container">
    <img src="https://dl.dropboxusercontent.com/u/2665617/bootstrap/images/image1.jpg" class="pic" />
    <div class="overlay">
      <p>Hello guys</p>
    </div>
  </div>

CSS

.overlay{ display:none; }

JavaScript

$(document).ready(function(){
         $('.pic').mouseover(function(){
           $(this).next().fadeIn("fast");
         }); 

          $('.overlay').mouseout(function(){
           $(this).fadeOut("fast");
         });       
      });