Différence de vitesse différente

Question

Je commence à m'entraîner avec quelques animations CSS3. J'ai un exemple de code ici: http://jsfiddle.net/chricholson/z7Bg6/67/

Je me demande comment puis-je spécifier une durée plus longue pour les animations lorsque je ne fais pas de survol. À l'heure actuelle, il semblerait que les mêmes réglages et réglages soient utilisés pour appliquer les styles afin de les supprimer lorsque je planerai. Je voudrais le régler de telle sorte que, lorsque je ne bouge pas, il faut beaucoup plus de temps (exagéré à quelque chose comme 2 secondes) pour que la couleur de fond redevienne normale, mais il faut quand même 0,1 secondes pour disparaître.

Answer 1

Cela peut sembler contre-intuitif, mais vous appliqueriez en fait la plus longue durée à votre code de sélection habituel et la plus courte durée à votre: hover et: code de sélecteur de mise au point.

Vous pouvez essentiellement penser au style normal comme à ce qui se passera lors de la mise au point ou de la mise au point.

Voir cette mise à jour JSFiddle.