egg:   .demo{
     　　width: 50px;
     　　height: 50px;
     　　background: blue;
    　　 -webkit-animation-name:'moves';/*动画属性名，也就是我们前面keyframes定义的动画名*/
     　　-webkit-animation-duration: 10s;/*动画持续时间*/
     　　-webkit-animation-timing-function: ease-in; /*动画频率*/
    　　 -webkit-animation-delay: 2s;/*动画延迟时间*/
    　　 -webkit-animation-iteration-count: 10;/*定义循环次数，infinite为无限次*/
    　　 -webkit-animation-direction: alternate;/*定义动画方式*/
  }

为了方便可以简写 规格如下:

    animation: name  duration  timing-function  delay  iteration-count  direction  play-state  fill-mode;

    egg: animation: moves 10s ease-in 2s 10 alternate 

三、animation各属性讲解

   (1)animation-name 属性为 @keyframes 动画指定名称

      语法： animation-name: keyframename|none;