一.动画注意点！
1.动画的名称不能为running，否则动画不生效；
2.多个动画名称不能重复；
3.一次动画完成后，默认会一下子回到初始状态；
二.动画实现步骤
1.@keyframes one {
from {
}
to {
}
}
2.@keyframes two {
50% {
}
100% {
}
}
1.谁需要添加动画样式就给谁添加animation
三.animation复合属性
1.定义动画
/*
暂停动画一般配合hover使用
谁在调用动画，就给谁设置:hover 去暂停动画
*/
2.调用动画
/* 延迟时间：动画开始执行之前要等待的时间 s/ms
动画播放次数：infinite 无限次播放
动画播放方向：alternate 交替播放
速度曲线：默认 ease； 1. linear 匀速播放 2. steps(次数)一般配合精灵图使用
执行完毕时的状态：forwards 动画会停在动画结束时的状态；
注意点：
动画名称和播放一次动画的时长必须写，其他属性需要就写
forwards不能和infinite结合使用，否则不生效
animation 里面属性值 不分先后顺序
当属性值里有两个时间，第一个时间永远表示动画时长，第二个表示等待时间/延迟时间 */
1.例：animation: one 3s forwards, two 0.1s steps(12) infinite;
混合写法配合用“，”隔开
