css3動畫不工作在mozzila firefox

Question

我已經使這個代碼導致使用css3關鍵幀的動畫背景。 此代碼在Chrome上運行完美，但它不適用於mozzila firefox.So請幫我解決這個問題。 謝謝。

  body 
    { 
    -webkit-animation: HONIBHICHAYE 15s ease alternate infinite; 
    -moz-animation: HONIBHICHAYE 15s ease alternate infinite; 
    animation: HONIBHICHAYE 15s ease alternate infinite; 
     background-size:100%; 
     background-repeat:no-repeat; 
     background-position:50% 50%; 
     font-family:"My Custom Font"; 
    } 
    @-webkit-keyframes HONIBHICHAYE 
    { 
     0% 
     { 
     background-image:url('../images/1.jpg'); 
     } 
     50% 
     { 
     background-image:url('../images/2.jpg'); 
     } 
     100% 
     { 
     background-image:url('../images/3.jpg'); 
     } 
    } 
    @-moz-keyframes HONIBHICHAYE 
      { 
     0% 
     { 
     background-image:url('../images/1.jpg'); 
     } 
      50% 
     { 
     background-image:url('../images/2.jpg'); 
     } 
     100% 
     { 
     background-image:url('../images/3.jpg'); 
     } 
     } 
     @keyframes HONIBHICHAYE 
      { 
     0% 
     { 
     background-image:url('../images/1.jpg'); 
} 
      50% 
     { 
     background-image:url('../images/2.jpg'); 
     } 
     100% 
     { 
      background-image:url('../images/3.jpg'); 
     } 
      } 

Answer 1

據我所知，background-image動畫不適用於Mozilla Firefox。改變background-color確實有效。

Answer 2

background-image不是有效的可轉換屬性。它適用於Chrome，但它確實不適用。