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