JSFiddle - React, Tailwind, and code Playground

by zeburrehman

HTML

<div><br/><strong>Click Me!</strong></div>

CSS

div {
    height: 60px;
    width: 100px;
    border-radius: 5px;
    background-color: #69D2E7;
    text-align: center;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    opacity: 0.5;
}

JavaScript

$(document).ready(function() {
    $('div').mouseenter(function() {
        $('div').fadeTo('slow', 1);
    });
});