JSFiddle - React, Tailwind, and code Playground

by karim79

HTML

<div class="box">
    <p class="text">Foobar</p>
</div>

CSS

.box {
    color: #fff;
    border-style: solid;
    border-width: 1px;
    display: block;
    width: 100px;
    height: 100px;
    background-color: #323335;
    -webkit-transition:background-color 1s, color 1s, -webkit-transform 1s;
    transition:background-color 1s, color 1s, transform 1s;
}
.box:hover {
    color: #323335; 
    background-color: white;

}

.text {
    
}

JavaScript

$('div').addClass('box');