以百分比来规定改变发生的时间或者通过关键词 “from” 和 “to”，等价于 0% 和 100%
注：0% 是动画一张一张连贯图片的开始时间，100% 动画一张一张连贯图片的结束时间

动画一张一张連贯图片名称 时间 匀速 循环播放 表示当时间到达50%时候进行的元素效果 表示当时间到达100%时候进行的元素效果

动画一张一张连贯图片效果属性設置：（设置在选择器里面）

 /*动画一张一张连贯图片: 动画一张一张连贯图片名称 时间 匀速 循环播放*/

*是否应该轮流反向播放动画一张一张连貫图片。如果 animation-direction 值是 "alternate"则动画一张一张连贯图片会在奇数次数（1、3、5 等等）正常播放，而在偶数次数（2、4、6 等等）向后播放

规定动画一张┅张连贯图片在播放之前或之后，其动画一张一张连贯图片效果是否可见
none 不改变默认行为
forwards 当动画一张一张连贯图片完成后，保持最后一個属性值（在最后一个关键帧中定义）
both 向前和向后填充模式都被应用

11.transform 属性向元素应用 2D 或 3D 转换该属性允许我们对元素进行旋转、缩放、移動或倾斜。
12.scale()属性来将元素根据中心原点进行缩放
缩放scale()方法也有3种情况：
（1）scaleX(x)：元素仅水平方向缩放（X轴缩放）；
（2）scaleY(y)：元素仅垂直方向縮放（Y轴缩放）；
（3）scale(x,y)：元素水平方向和垂直方向同时缩放（X轴和Y轴同时缩放）；