CSS3 transition-delay使用实例页面

代码：

CSS代码：

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);
}

HTML代码：

<img class="transition_delay" src="//image.zhangxinxu.com/image/study/s/s128/mm1.jpg" /><br />
鼠标放在图片上1秒钟，然后……

效果：

鼠标放在图片上1秒钟，然后……