| 属性值 | 描述 |
|---|---|
| animation-name | 规定需要绑定到选择器的 keyframe 名称 |
| animation-duration | 规定完成动画所花费的时间，以秒或毫秒计 |
| animation-timing-function | 规定动画的速度曲线 |
| animation-delay | 规定在动画开始之前的延迟 |
| animation-iteration-count | 规定动画应该播放的次数 |
| animation-direction | 规定是否应该轮流反向播放动画 |
steps()动画介绍
规定了自定义的运动特效，其实有种切线是画不出来的，就是P0和P3的位置改变了，不将是起始位置了，而且我不仅仅位置变了，P的个数都变了，为了满足这个需求，并且为了满足逐帧动画的实现，就有了steps这个函数；
他的原理是这样的
按图理解：
animation默认以ease方式过渡，它会在每个关键帧之间插入补间动画，所以动画效果是连贯性的
除了ease，linear、cubic-bezier之类的过渡函数都会为其插入补间。但有些效果不需要补间，只需要关键帧之间的跳跃，这时应该使用steps过渡方式。
steps 函数指定了一个阶跃函数:
第一个参数指定了时间函数中的间隔数量（必须是正整数）
第二个参数可选，接受 start 和 end 两个值，指定在每个间隔的起点或是终点发生阶跃变化，默认为 end。
step-start等同于steps(1,start)，动画分成1步，动画执行时为开始左侧端点的部分为开始；
step-end等同于steps(1,end)：动画分成1步，动画执行时以结尾端点为开始，默认值为end。
steps函数，它可以传入两个参数，
第一个是一个大于0的整数，他是将间隔动画等分成指定数目的小间隔动画，然后根据第二个参数来决定显示效果。
第二个参数设置后其实和step-start，step-end同义，在分成的小间隔动画中判断显示效果。可以看出：steps(1, start) 等于step-start，steps(1,end)等于step-end
最核心的一点就是：timing-function 作用于每两个关键帧之间，而不是整个动画。
