La transition hover CSS3 avec espace réservé ne fonctionne pas dans Firefox [duplicate] - html, css, html5, css3

Pour une raison quelconque, je n'arrive pas à faire en sorte que les transitions d’espace réservé fonctionnent avec Firefox. Voici une CodePen exemple. Cet exemple comporte des transitions d’espace réservé pour les deux :hover et :focus. Les deux fonctionnent avec Chrome, ni avec Firefox.

Réponses:

Je n'ai pas eu d'autre problème que d'avoir besoin la -moz préfixe. Essayer:

h1 {
color: #300;
-moz-transition: color 2s;
-webkit-transition: color 2s;
-o-transition: color 2s;
-ms-transition: color 2s;
-transition: color 2s;
}
h1:hover {
color: #933;
}

D'autre part, votre situation peut être liée à un bug réel, aussi.