transform变换的一些属性：
代码放在Codepen了
translate过渡的一些属性：
transition: property delay duration timing-fuction
translation的大多数属性值和animation相似，唯一的区别就是transition-property，该值用于限定过渡的属性，比如高度、宽度、颜色等，如果想要该盒子的所有内容都进行过渡，可以设置为all
/* example: */
transition: all 2s;
animation动画的一些属性：
animation: name duration timing-function delay iteration-count direction fill-mode;
- name: 动画名称
- duration: 持续时间
- timing-function: 过渡函数，常见有linear,ease-in-out,详细可以用贝塞尔曲线：cubic-bezier.com/
- delay: 延时
- iteration-count：动画循环次数，常见值有 1,2,infinite
- direction: 动画播放方向，有normal,reverse,alternate(正反交替),alternate-reverse(反正交替)
- fill-mode: 动画最后一帧的位置，有none,forwards(维持在最后一帧),backwards(维持在第一帧),both
/* example: */
animation: rotatex 3s infinite cubic-bezier(.21,.64,.98,.62) alternate forwards;
