animation-声明关键帧

关键帧——@keyframes 类似于flash 定义动画在每个阶段的样式，即帧动画 关键帧的时间单位 数字：0%、25%、100%等(设置某个时间段内的任意时间点的样式) 字符：from(0%)、to(100%) 格式 @keyframes 动画名称 { 动画状态 }

@keyframes move {
    0%{
        transform: translate(0,0);
    }
    50%{
        transform: translate(300px,300px);
    }
    100%{
        transform: translate(0,0);
    }
}
@-webkit-keyframes move  {

   0%{
       transform: translate(0,0);
   }
   50%{
       transform: translate(300px,300px);
   }
   100%{
       transform: translate(0,0);
   }

}

animation-声明关键帧

原文：https://www.cnblogs.com/xieting123/p/9550062.html