Html
    Css
    Js

    
                        
body{
    padding:30px;
}
img:hover {
	-webkit-animation:sucaijiayuan 1s .1s ease both;
	-moz-animation:tada 1s .1s ease both;
}
@-webkit-keyframes sucaijiayuan {
	0% {
	-webkit-transform:scale(1)
}
10%,20% {
	-webkit-transform:scale(0.8) rotate(-2deg)
}
30%,50%,70%,90% {
	-webkit-transform:scale(1.1) rotate(2deg)
}
40%,60%,80% {
	-webkit-transform:scale(1.1) rotate(-2deg)
}
100% {
	-webkit-transform:scale(1) rotate(0)
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css图片抖动样式

0