How will you feel when you visit a site search page to search for a post or product and see the input field expand on click with a nice transition effect, cool right? That's what I demonstrate in the tutorial. We will be coding an expanding search box with pure CSS3 transition. Whenever a user click to focus, the input field will expand, then contract when the user de-focused or do not type in anything. Like that?