CSS3 transition-duration使用实例页面

代码:

CSS代码:
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);
}
                
HTML代码:
<img class="transition_duration" src="//image.zhangxinxu.com/image/study/s/s128/mm1.jpg" />
                

效果: