JSFiddle - React, Tailwind, and code Playground

by sc0rp10

HTML

<div id="button">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia quam enim iure atque ea repellendus ex fuga suscipit perferendis vero rem similique sint. Iusto nemo totam accusantium praesentium non id!
</div>
<br />
<div id="button" class="h">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia quam enim iure atque ea repellendus ex fuga suscipit perferendis vero rem similique sint. Iusto nemo totam accusantium praesentium non id!
</div>

CSS

#button {
    border: 1px solid #336699;
    width: 100px;
    height: 100px;
    overflow: hidden;
    color:red;
    padding: 20px;
    background: green;
}
.h {
    transition: all 0.5s ease;
}
#button:hover {
    color:#000;
    background: #fff;
}