JSFiddle - React, Tailwind, and code Playground

by Afzaal Ahmad Zeeshan

HTML

<div>
    Some text!
</div>

CSS

div {
    color: #f00;
    border: 2px solid #333;
}

div:hover {
    color: 0f0;
    opacity: 0.5;
    border: 2px dashed #000;
}

div:focus {
    color: #00f;
    border: 2px dotted #cecece;
}