JSFiddle - React, Tailwind, and code Playground

by goffreder

HTML

<title>Ghostly Divs</title>

   <body>
        <div></div>   
   </body>

CSS

div {
    height: 100px;
    width: 100px;
    border-radius: 5px;
    background-color: #ABCDEF;
    opacity: 0.25;
}

JavaScript

$(document).ready(function(){
    $('div').mouseenter(function(){
        $('div').fadeTo('fast', 1.0);
    });
    $('div').mouseleave(function(){
        $('div').fadeTo('fast', 0.25);
    });
});