网站图片添加抖动效果 CSS代码

公告:【重要】如果本站帮助到了您,还请您不要吝啬,把本站分享给更多的朋友哟~

  • 内容
  • 相关

网站图片添加抖动效果 CSS代码

网站模板的主要css文件,放到css的最后面即可

/*图片抖动效果*/
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)
}
访问者在接受本网站服务之前,请务必仔细阅读免责声明条款并同意声明。访问者访问本网站的行为以及通过各类方式利用本网站的行为,都将被视作是对本声明全部内容的无异议的认可。

本文标签:

上一篇:免费领1天QQ音乐SVIP超级会员 下一篇:网站屏蔽PC端访问JS代码 网站只允许手机端访问

是否感觉到迷茫?不知道看啥了?点我随便看看吧!任意跳转到随机文章(#^.^#)

本文链接:网站图片添加抖动效果 CSS代码 - https://www.qyun.vip/wangzhanyuanma/4547.html

官方微信公众号“看福利网”QQ交流群:①399835280 ②559335110 ③277235049

评论者的电子邮件地址不会被公开。 必填项已用*标注。每天点击网站内的广告,帮助网站运营发展。

"