Emlog给网站图片添加抖动特效教程

首先要找到修改代码的地方,在你的模板处,或主要CSS放置处

EMLOG模板位置在:/content/templates/你的模板名/

找到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)
}
本博客所有文章如无特别注明均为原创——作者:小和 复制或转载请以超链接形式注明转自 小和博客
原文地址《Emlog给网站图片添加抖动特效教程
分享到:更多

相关推荐

网友评论(1)

没有这个文件
匿名 4年前 (2016-10-03) 回复