transition-delay ： <time> [, <time>]*
相关属性 ： transition-property， transition-duration， transition-timing-function
CSS3在线中文参考指南 - transition-delay » 张鑫旭-鑫空间-鑫生活
it's my whole life!
哎呀，出了点小问题，您可以稍后重试！
未填写内容或格式不正确！
transition-delay ： <time> [, <time>]*
相关属性 ： transition-property， transition-duration， transition-timing-function
作用于所有的元素，包括:before以及:after伪元素。
默认大小是"0"，也就是变换立即执行，没有延迟。
| 引擎类型 | Gecko | Webkit | Presto |
|---|---|---|---|
| transition-delay | -webkit-transition-delay | ||
| 类型 |  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_delay{
-webkit-transform:rotate(10deg);
-webkit-transition-property:all;
-webkit-transition-duration:0.5s;
-webkit-transition-timing-function:ease-in;
-webkit-transition-delay:1s;
}
transition_delay:hover{
-webkit-transform:rotate(40deg);
}
<img class="transition_delay" src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" /><br />
鼠标放在图片上1秒钟，然后……
