css3 retraso de transición de atributo específico

Question

css3 retraso de transición de atributo específico

En este momento estoy diseñando un cuadro de texto cambiando su color de fondo y color de fuente al pasar el cursor:

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

Ahora me gustaría cambiar el color después del color de fondo usando transition-delay. El problema es que el retardo de transición no toma la PROPIEDAD (es decir, el color) que me gustaría retrasar. ¿Hay alguna manera de retrasar solo atributos específicos?

27

css css3 css-transitions

Author: BoltClock, 2012-03-23

Source

1 answers

score 58 · Accepted Answer

El retardo de transición 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 usa taquigrafía, parece que también necesita especificar la función de temporización.

(Source)