왜 css 애니메이션 역방향 인수가 작동하지 않습니까?

Question

나는 애니메이션을 채우기 모드의 뒤쪽 값을 지연을 포함하여 끝나는 애니메이션의 첫 번째 프레임으로 재설정해야한다고 이해하고 색상을 변경하고 색상을 변경하는 simplw div가 있습니다. 지연 시간은 0입니다. ms와 첫 번째 프레임으로 다시 설정하는 대신, 단순히 사라집니다, 왜?

//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; 
    } 

을 사용해야합니다.