JSFiddle - React, Tailwind, and code Playground

by Brian Chang

HTML

<div>123</div>

CSS

div {
    background-color: rgba(105,210,231,0.2);
}

JavaScript

$(document).ready(function(){
    $('div').mouseenter(function(){
        $(this).css('background-color', 'rgba(105,210,231,0.5)');
    });
    $('div').mouseleave(function(){
        $(this).css('background-color', 'rgba(105,210,231,0.2)');
    });
});