CSS3 transition

1. overview

在css状态变化中，（如颜色从白色变为黑色，宽度从100px变为200px、不透明变透明），我们在通过js修改这些class类名，进行这种变化时，通常这种变化浏览器直接就在瞬间帮我们实现了，然而从最开始（如白色）到结束（如黑色）这个之间的变化，其实还是有一段时间的。

通常将两个状态之间的过渡称为隐式过渡（implicit transitions），因为开始与结束之间的状态由浏览器决定。

现在我们把从开始到结束之间的状态变化过程拎出来设置，实现一些过渡效果，这就是css transition.

div {
    transition: <property> <duration> <timing-function> <delay>;
}
1. 为哪些属性设置过渡效果？可动画属性列表
2. 设置持续时间？
3. 设置过渡曲线（匀速，先快后慢）
4. 设置开始时间？