moz轉換不工作，但webkit是

Question

首先，對不起我的英語不好。這是一個問題：即時通訊創建一個粉絲網（僅用於練習html5和css3），並嘗試放置一些動畫。他們在safari，opera和chrome上工作，但在Mozilla Firefox中沒有。

的CSS代碼是：

section figure img { 
 
\t padding:4px; 
 
\t margin: auto 5px; 
 
\t background:white; 
 
\t border-radius:20px; 
 
\t -webkit-transition:-webkit-transform 0.3s ease-in-out 0.1s; 
 
\t -moz-transition:-moz-transform 0.3s ease-in-out 0.1s; 
 
\t box-shadow:white 5px 5px 10px; 
 
}

動畫其一，我想如果我能解決這個我可以解決的其他動畫不-工作。

感謝您的支持。 :)

Answer 1

您只使用兩個前綴過渡屬性，並忘記其餘。
試試這個：（and check the browser support of the property）

section figure img { 
    padding:4px; 
    margin: auto 5px; 
    background:white; 
    border-radius:20px; 
    -webkit-transition:-webkit-transform 0.3s ease-in-out 0.1s; 
    transition:-webkit-transform 0.3s ease-in-out 0.1s; 
    transition:transform 0.3s ease-in-out 0.1s; 
    transition:transform 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s; 
    -webkit-box-shadow:white 5px 5px 10px; 
      box-shadow:white 5px 5px 10px; 
}