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秒钟,然后……