2012-03-23 22 views
22

en este momento estoy Styling un cuadro de texto, cambiando su color de fondo y color de fuente en vuelo estacionario:css3 de atributo específico

transition: background-color 1s, color 1s; 

ahora quisiera cambiar el color después de que el color de fondo usando retardo de transición. El problema es que el retraso de transición no toma la PROPIEDAD (es decir, el color) que me gustaría retrasar. ¿Hay alguna manera de retrasar atributos específicos solamente?

Respuesta

51

Transition Delay es específico de la propiedad.

Por ejemplo

transition: background-color 1s linear 2s, color 1s; 
transition: property name | duration | timing function | delay 

Cuando se utiliza la abreviatura, parece que es necesario especificar la función de temporización también.

(Source)

+1

Sólo para la terminación, la función de temporización por defecto es la facilidad (ref: http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp). Y no, no parece ser necesario indicarlo, al menos con los navegadores modernos. –

Cuestiones relacionadas