CSS Membuat Textbox Search Hover Memanjang

CSS Membuat Textbox Search Hover Memanjang - Pagi yang masih sangat dingin namun indah ini aku sempatkan untuk cari tutorial unik lagi, unik bagiku namun mungkin tidak bagimu. Kali ini kita akan mencoba membuat sebuah kotak search yang ada di blog akan hover ketika dia di klik.

{style='input.demo'> { background: # FFF; border: 2px solid # ABC; font-size: 20px; height: 30px; text-align: left; padding: 0 30px; width: 90px; -Moz-transition: width 1s; -Webkit-transition: width 1s; -Or-transition: width 1s; transition: 1s width; } input.demoI: focus { width: 300px; }