-webkit-transition
-moz-transition
-ms-transition
-o-transition
transition: 属性 时间 效果;
属性：
| CSS属性 | 改变的对象 |
| background-color | 色彩 |
| background-image | 只是渐变 |
| background-position | 百分比，长度 |
| border-bottom-color | 色彩 |
| border-bottom-width | 长度 |
| border-color | 色彩 |
| border-left-color | 色彩 |
| border-left-width | 长度 |
| border-right-color | 色彩 |
| border-right-width | 长度 |
| border-spacing | 长度 |
| border-top-color | 色彩 |
| border-top-width | 长度 |
| border-width | 长度 |
| bottom | 百分比，长度 |
| color | 色彩 |
| crop | 百分比 |
| font-size | 百分比，长度 |
| font-weight | 数字 |
| grid-* | 数量 |
| height | 百分比，长度 |
| left | 百分比，长度 |
| letter-spacing | 长度 |
| line-height | 百分比，长度，数字 |
| margin-bottom | 长度 |
| margin-left | 长度 |
| margin-right | 长度 |
| margin-top | 长度 |
| max-height | 百分比，长度 |
| max-width | 百分比，长度 |
| min-height | 百分比，长度 |
| min-width | 百分比，长度 |
| opacity | 数字 |
| outline-color | 色彩 |
| outline-offset | 整数 |
| outline-width | 长度 |
| padding-bottom | 长度 |
| padding-left | 长度 |
| padding-right | 长度 |
| padding-top | 长度 |
| right | 百分比，长度 |
| text-indent | 百分比，长度 |
| text-shadow | 阴影 |
| top | 百分比，长度 |
| vertical-align | 百分比，长度，关键词 |
| visibility | 可见性 |
| width | 百分比，长度 |
| word-spacing | 百分比，长度 |
| z-index | 正整数 |
| zoom | 数字 |
时间： 例 .25s
效果：
| 名称 | 如何工作 |
| cubic-bezier(x1, y1, x2, y2) | X 和 Y 值在0到1之间，以定义用于Time function的贝塞尔曲线的形状。 |
| linear | 均速 |
| ease | 逐渐慢下来 |
| ease-in | 加速(渐入) |
| ease-out | 减速(淡出) |
| ease-in-out | 加速然后减速 |
