html怎么把图片做成抖动效果,css3 图片 抖动效果

@-moz-keyframes tada{

0%{-moz-transform:scale(1);}

10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}

30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);}

40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);}

100%{-moz-transform:scale(1) rotate(0);}

}

@-webkit-keyframes tada{

0%{-webkit-transform:scale(1);}

10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}

30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}

40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}

100%{-webkit-transform:scale(1) rotate(0);}}

.doudun:hover{

-webkit-animation: tada 1s .2s ease both;

-moz-animation: tada 1s .2s ease both;

}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com

特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有