Transition CSS3 de couleur de fond

Question

Je suis en train de faire un effet de transition avec la couleur d’arrière-plan lorsque des éléments de menu stationnaire, mais il ne fonctionne pas. Voici mon code CSS :

Le `` div est une liste ul de menu d’éléments.

Je vous remercie pour votre aide.

Answer 1

Autant que je sache, les transitions travaille actuellement dans Safari, Chrome, Firefox, Opera et Internet Explorer 10.

Cela devrait produire un effet de fondu pour effet de vous dans ces navigateurs:

#content #nav a {
    background-color: #FF0;
}

#content #nav a:hover {
    background-color: #AD310B;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

Remarque: Comme l'a souligné par Gerald dans les commentaires, si vous mettez de la transition sur l' a, au lieu de s' a:hover il va s'estomper au retour à la couleur d'origine lors de votre souris se déplace loin de le lien.

Cela pourrait être utile aussi: CSS Fondamentaux: CSS 3 Transitions