+ 26

How can i make a hover transition on my webpage

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

3rd May 2017, 6:41 AM
2 Answers
+ 23
Thank you..
3rd May 2017, 7:00 AM
+ 15
HTML: <input id="search" placeholder="Search here.."> CSS: #search{ width:100px; transition: 0.5s; transition-timing-function:linear; } #search:hover{ width:250px; }
3rd May 2017, 6:52 AM
Ashwani Kumar
Ashwani Kumar - avatar