给网页添加图片抖动效果源码网站图片抖动怎么实现
今天发现在某个网站发现一个非常有意思的事情。就是把鼠标放在图片上面的时候图片会抖动。感觉非常有意思,去网上找了下资料,发现实现的方法非常有意思而且很简单。下面就说下怎么实现网页图片抖动的效果。
给zblog博客模版添加图片选中抖动效果
如何给网站图片添加抖动动态效果。把下面的CSS代码放在网站模版的CSS文件里面,一般是style.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) }
点击链接加入群聊四群:722808830
点击链接加入群聊三群:751529538(已满)
点击链接加入群聊二群:376877156(已满)
点击链接加入群聊一群:622891808(已满)
饿了么红包
本站附件分享,如果附件失效,可以去找找看
于2018-09-06发布