ease：（慢速开始，然后变快，然后慢速结束） linear：（匀速） ease-in：(加速)
而animation在不需要触发任何事件的情况下也可以显式的随着时间变化来改变元素css的属性值，从而达到一种动画的效果。
1、translate ()根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。类似于定位中的left值（X轴）、top值（Y轴）
使用translate()函数，你可以把元素从原来的位置移动，而不影响在X、Y轴上任何组件。
2、rotate() 在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。rotate(360deg)
缩放scale()函数让元素根据中心原点对对象进行缩放。默认的值1。因此0.01到0.99之间的任何值，使一个元素缩小；而任何大于或等于1.01的值，让元素显得更大。
