How can i make a hover transition on my webpage

Question

As the user moves the cursor to the txt
i want it to show a transition like expanding the text box using #hover tag

Answer 1

Thank you..

Answer 2

HTML:
<input id="search" placeholder="Search here..">

CSS:
#search{
width:100px;
transition: 0.5s;
transition-timing-function:linear;
}

#search:hover{
width:250px;
}