Formato Elastico

Amig@s ocupo de su ayuda esque la verdad no se ni como buscarlo en la red necesito hacer un formulario de búsqueda elástico al dar click en el formulario algo así

http://demos.bavotasan.com/tienda/category/post-formats/

si se percatan en buscar dan clic y se expande el formulario por favor ayuda o como lo puedo buscar por favor gracias

Pues facilísimo, Esto se hace con la propiedad transition de CSS3.

En el sitio de ejemplo está hecho así:

Código CSS :

.search-field {
transition: width 0.35s ease-in-out;
}
search-field:focus { 
width: 250px;
}

Eso es todo.