简述 transform，transition，animation 的作用。
transform
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜 ，平面转换对行内元素没有效果。
transform-translate：可以实现元素位移效果
语法：transform：translate(水平移动距离，垂直移动距离）；
取值可以正负，可以使用具体的像素单位，也可以使用百分比，百分比参照盒子自身尺寸进行位移，如果只设置一个值是位移x轴。
transform-rotate:可以实现元素旋转的效果
语法：transform:rotate(角度deg)
取值可以正负，取值为正则顺时针旋转，取值为负则逆时针旋转；
左手法则：用左手，大拇指垂直面对你，手指顺时针环绕就是正方向；
2d只能围绕Z轴旋转，先做其他的transform转换再做旋转，因为旋转会改变坐标轴方向。
transform-scale：可以实现元素放大的效果
语法：transform：scale(里面是要缩放的倍数数字)；
取值：大于1则放大，小于1则是缩小。
transition
transition 属性用于设置某个属性的过渡
transition过渡属性，谁要过渡就给谁添加；
过渡的默认值：all，过渡的单位 秒 s ， 毫秒 ms
过渡曲线：ease 逐渐的慢下来 默认值，linear 匀速运动
animation
animation是调用的动画的简写属性
animation：动画名称，动画持续时间，速度曲线，延迟时间，重复次数，动画方向，执行完毕时状态。
速度曲线：linear 匀速，补间动画，steps(数值)逐帧动画
重复次数：infinite 无限播放
动画方向：alternate 交替播放
执行完毕时状态：forwards 停止在结束状态，不能和infinite结合使用，否则失效
animation-name：动画名称，必须属性
animation-duration:动画时常，必须属性
animation-timing-function：速度曲线：linear匀速
animation-interation-count：动画次数：infinite
