CSS3 transition 属性
实例
放到 div 宽度会从 100px 逐渐变为 300px：
div
{
width:100px;
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari 和 Chrome */
-o-transition: width 2s; /* Opera */
}
持 transition 属性。
Firefox 4 -moz-transition 属性。
Safari 和 Chrome -webkit-transition 属性。
Opera -o-transition 属性。
transition ：
- transition-property
- transition-duration
- transition-timing-function
- transition-delay
注释： transition-duration 时长为 0。
| 默认值： | all 0 ease 0 |
|---|---|
| 继承性： | no |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.transition="width 2s" |
语法
transition: property duration timing-function delay;
| 值 | 描述 |
|---|---|
| transition-property | 渡效果的 CSS 。 |
| transition-duration | 秒。 |
| transition-timing-function | 线。 |
| transition-delay | 。 |