CSS3中的Transition过度与Animation动画属性使用要点

//定义动画部分   
//我只写了-webkit，真实中加上@-0-,@-moz-,@keyframes   
@-webkit-keyframes demo1 {   
    from {    
        left:200px;   
        background-color: lightcoral;   
     }   
     50%{   
         left:290px;   
         background-color: lightblue ;   
     }   
  
    to {    
        left:380px;   
        background-color: lightseagreen;   
     }   
}  

alternate方式，放完就倒着放一遍

normal方式，就是放完重头再放