お名前 <input type="text">
input[type="text"] {
width: 100px;
padding: 0.5em;
border-radius: 0.5em;
border: 1px solid #777;
transition: all .5s;
&:focus {
width:200px;
outline: none;
}
}
Also see: Tab Triggers