JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="search" />

CSS

#search {
    width: 80px;
    height: 80px;
    border: none;
    background: url(https://dl.dropbox.com/u/2718682/social/search.png) no-repeat;
}
#search:focus {
    width: 200px;
    border: 1px solid #ccc;
    background-image: none;
    border-radius: 15px;
}