JSFiddle - React, Tailwind, and code Playground

by simevidas

HTML

<input type="text" class="test">

CSS

body { margin: 2em }

.test {
    border: 2px solid gray;
    font-size: 20px;
    -webkit-transition: box-shadow linear 1s;
    transition: box-shadow linear 1s;
}

.test:focus {
    box-shadow: 0 0 20px black;
}