CSS3 Transitions

Para crear un efecto de transición, debe especificar dos cosas:
la propiedad CSS que desea añadir un efecto a
la duración del efecto
Nota: Si no se especifica la parte duración, la transición no tendrá
ningún efecto, ya que el valor por defecto es 0.
El siguiente ejemplo muestra un 100px * 100px rojo elemento
.
El elemento
también ha especificado un efecto de transición para
la propiedad de ancho, con una duración de 2 segundos:
El efecto de transición se iniciará cuando la propiedad CSS especificado
(ancho) cambia de valor.
Ahora, vamos a especificar un nuevo valor para la propiedad width cuando
un usuario coloca el ratón sobre el elemento
:

Datos personales