JSFiddle - React, Tailwind, and code Playground

by serio

HTML

<div>OMG</div>
<div>WTF</div>
<div>BBQ</div>

CSS

* {
 font-family: arial, helvetica, sans-seif;   
}

div {
    padding: 6px 12px;
    width: 50px;
    
    border: 1px solid red;
    margin: 20px 0 0 20px;
    cursor: pointer;
    
    -webkit-transition-property : width;
    -webkit-transition-duration : .4s;
    -webkit-transition-timing-function : cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

div:hover {
    width: 200px;
}

JavaScript

/* OMG NO JS!!! */