transform和translate
用途
transform是变形的意思，translate是transform的一个属性，表示2D动作。
ex
transform：translate(0,100%) 表示从元素的当前位置延y轴方向，向下移动整个元素高度的距离
transform：translate(-20px,0)表示从元素的当前位置延x轴方向，向左移动20px
transform有很多其它属性值，translate3D（3D变换）,scale（2D缩放）等其他的变换方式；
transition
用途
实现动画过程
需要变换的属性 变换需要的时间 控制动画速度变化 延期多少时间后开始执行
ex
transition:width 2s;
transition:translate 2s;
transtion:all 2s;
