Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/08/2013, 10:16
darkhack3r22
Invitado
 
Mensajes: n/a
Puntos:
Ayudas con transiciones en CSS3

Hola,
Esto es un input text que tiene definido un size="80" y le he aplicado un poco de css:
Código CSS:
Ver original
  1. #id {
  2. -webkit-transition: width 3s;
  3. }
  4. #id:focus {
  5. width: 200px;
  6. }

Como podeis ver aumenta 120 px en 3 segundos. Eso va perfecto, pero cuando quito el ratón de encima no vuelve a los 80px, sino que me encoge por completo(ni se ve) y luego va a los 80px. LOL
No quiero que pase esto, quiero que se detenga en el width por defecto.Cabe decir que estoy en chrome por el -webkit-. Gracias