1. 程式人生 > >css3 使用animation 只執行一次然後停留在執行後的狀態

css3 使用animation 只執行一次然後停留在執行後的狀態

 -webkit-animation:'index' 5s ease-in-out 0s 1 alternate forwards;

forwards:當動畫完成後,保持最後一個屬性值(在最後一個關鍵幀中定義)。

@-webkit-keyframes 'index'{

   0%{
  left:0%;
}
   50%{
 left:50%; 
   }
   100%{
 left:100%;
}
}