爲什麼不是CSS動畫反向參數工作？

Question

我有一個簡單的div來擴展和改變顏色，從我的理解動畫填充模式的向後值應該重置div到動畫結束後的第一幀，包括延遲，我有延遲零毫秒，而不是重新回到第一幀，它只是消失，爲什麼？

//css 
@keyframes frames{ 
      from{ 
       background-color: blue; 
       width: 50px; 
       height: 50px; 
      } 
      to{ 
       background-color: orange; 
       width: 200px; 
       height: 200px; 
      } 
     } 

     #d1{ 
      width: 50px; 
      height: 50px; 
      animation: frames 1000ms ease-in-out 0ms 3 alternate backwards; 
     } 


    //html 
    <div id="d1"></div> 

Answer 1

Alternate backwards不存在。您應該使用alternate-reverse：

#d1 { 
     width: 50px; 
     height: 50px; 
     animation: frames 1000ms ease-in-out 0ms 3 alternate-reverse; 
    }