transition-duration ： <time> [, <time>]*
相关属性 ：transition-property， transition-timing-function， transition-delay
CSS3在线中文参考指南 - transition-duration » 张鑫旭-鑫空间-鑫生活
it's my whole life!
哎呀，出了点小问题，您可以稍后重试！
未填写内容或格式不正确！
transition-duration ： <time> [, <time>]*
相关属性 ：transition-property， transition-timing-function， transition-delay
作用于所有的元素，包括:before以及:after伪元素。
默认大小是"0"，也就是变换时即时的。
| 引擎类型 | Gecko | Webkit | Presto |
|---|---|---|---|
| transition-duration | -webkit-transition-duration | ||
| 类型 |  Internet Explorer |
 Firefox |
 Chrome |
 Opera |
 Safari |
|---|---|---|---|---|---|
| 版本 | (×)IE6 | (×)Firefox 2.0 | (?)Chrome 1.0.x | (×)Opera 9.63 | (√)Safari 3.1 |
| (×)IE7 | (×)Firefox 3.0 | (√)Chrome 2.0.x | (√)Safari 4 | ||
| (×)IE8 | (×)Firefox 3.5 | ||||
transition_duration{
-webkit-transform:rotate(10deg);
-webkit-transition-property:all;
-webkit-transition-duration:0.5s;
-webkit-transition-timing-function:ease-in;
}
transition_duration:hover{
-webkit-transform:rotate(40deg);
}
<img class="transition_duration" src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" />
