20180402

过渡：transition：专门应对颜色，长度，宽度，位置等变化的过渡。

动画：1.@keyframes规则用于创建动画。在@keyframes中规定css样式，就能创建由当前样式逐渐改为新样式的动画效果。

2.使用animation进行动画捆绑。两个值：动画名称，时长。

3.我们一般情况下使用0%-100%来规定动画发生的时机。或者使用关键词。from-to效果等同于0%-100%。

4.加上一个infinite值就可以无限执行了。

5.ease--默认开始慢慢加速，结束时慢慢减速。

linear--默认始终使用相同速度运行。

alternate--交替执行（也可以称为正反执行）。