<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
body {
margin: 20px;
}
.text {
border: 2px solid #b2b7c2;
font-size: 22px;
-webkit-transition: box-shadow linear 1s;
transition: box-shadow linear 1s;
}
.text:focus {
box-shadow: 0 0 20px #143b91;
}
</style>
</head>
<body>
<input type="name" class="text">
</body>
</html>