JSFiddle - React, Tailwind, and code Playground

by gopalnair

HTML

<input type = "text" class= "toglow"/>

CSS

.toglow {
	width: 70%;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	display: inline-block;
	margin: 0;
	outline: 0 none;
	padding: 4px;
	transition: box-shadow linear 0.2s;
}
.toglow:focus {
	/*	box-shadow: 0 0 20px black;*/
	border-color: #9ecaed;
	box-shadow: 0 0 15px #9ecaed;
}