Comunidad de diseño web y desarrollo en internet online

Formato Elastico

Citar            
MensajeEscrito el 14 Sep 2015 04:00 am
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

Por tjmysteri

Claber

138 de clabLevel



 

chrome
Citar            
MensajeEscrito el 14 Sep 2015 12:28 pm
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.

Por DriverOp

Claber

2510 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.