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