CSS3动画和JS动画的区别
JS 实现的是帧动画
CSS3 实现的是补间动画
- 帧动画：使用定时器，每隔一段时间，更改当前的元素
- 补间动画： 过渡（加过渡只要状态发生改变产生动画）动画(多个节点来控制动画)性能会更好
transition
transition是一个简单的动画属性，可以看作是是animation的简化版本，通常拿来配合事件触发使用，简单易用
transition的属性值
描述 属性 transition-property 需要过渡的属性，也可以是all，不能用block，none等 transition-duration 指定从一个属性到另一个属性过渡所要花费的时间。默认值为0，为0时，表示变化是瞬时的，看不到过渡效果 transiton-timing-function 就是过渡的动画类型。可用的类型有liner（匀速）、ease-in(减速)、ease-out（加速）ease-in-out（先加速再减速）、cubic-bezier：三次贝塞尔曲线，可以定制 transition-delay 指定检测到过渡行为之后延迟一定时间后才开始进行执行
transition特性
transition需用事件触发
