重複の可能性:
CSS キーフレームは Chrome でのみ機能します
私のサイトでは、css トランジションを使用して、3 つのアイコン (facebook、twitter、メール) で新しい画像をフェード インします。トランジションは Chrome ではうまく機能しますが、Firefox では機能しません。CSSスニッパーは次のとおりです。
.link-button > div{height:79px; width:79px; display:inline-block; zoom: 1; *display:inline;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;}
.link-button .facebook{background:url(../img/bt_facebook.png) center center no-repeat transparent;}
.link-button .facebook:hover{background-image:url(../img/bt_facebook_over.png);}
.link-button .twitter{background:url(../img/bt_twitter.png) center center no-repeat transparent;}
.link-button .twitter:hover{background-image:url(../img/bt_twitter_over.png);}
.link-button .email{background:url(../img/bt_email.png) center center no-repeat transparent;}
.link-button .email:hover{background-image:url(../img/bt_email_over.png);}
:hover 状態は機能しますが、遷移は機能しないため、エラーは直接 -moz-transition にあると想定しています。w3 school から移行コードをコピーしたので、それが間違っていないことはわかっていますが、私の Firefox はインターネットで見つかった css 移行を正しく起動するので、ブラウザに問題があるわけではないことがわかります。それは私が見落としていた基本的なものに違いありません。
何か案は？