<form class="wrap">
<input type="text" value="test">
</form>
body {
background: #ccc;
}
form {
width: 30%;
}
input {
border: 0;
border-radius: 0;
color: #c4c4c8;
font-size: 20px;
min-width: 0px;
padding: 9px 0 9px 15px;
padding-left: 38px;
width: 200px;
-webkit-appearance: none;
appearance: none;
outline: none;
transition: all 0.6s ease;
}
input:focus {
width: 150%;
}
/* forum question answer only
*/
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.