CSSトランジションがmozillaで動作しません

Question

私はホバーアニメーションでいくつかのトランジションをしようとしています。オペラやクロームでは動作しますが、Mozillaでは動作しません。私は何をする必要がありますか！？私のコードは、HTML

<a href=""> 
    <div class="teams back"></div> 
</a> 

はCSS

.teams{ 
     display: table-cell; 
     background-size: cover; 
     background-position:center; 
     width: 360px; 
     height: 370px; 
     transition:1s;-webkit-transition:1s;-moz-transition:opacity 1.0s;-o-transition:1s; 
    } 
    #teams .back{background-image: url("link");} 
    #teams .back:hover{background-image:url("link");} 

を下回っている私は、最初の transition文の構文が無効です。この

Answer 1

ためJSFiddleを作りました。参照：transition

あなたは-moz-transition:opacity 1.0s;を持っている、ので、あなたのケースで<property>はopacityだろう

transition: <property> 1s; 
-pre-transition: <property> 1s; 

に

transition: 1s; 
-pre-transition: 1s; 

を変更する必要があります。

Answer 2

あなたの移行プロパティの構文は次のようにする必要があります：

opacity: 1; 
-webkit-transition: opacity 1s; 
-moz-transition: opacity 1s; 
-o-transition: opacity 1s; 
transition: opacity 1s; 

は、遷移作品はあなたが混乱IDとクラスと間違ったプロパティを移行しているcss transition