登录  |  注册
当前位置：网站首页 > 更多 > 站长帮 > 正文

[趣味代码] Emlog添加图片抖动效果代码

作者：CC下载站 日期：2018-10-10 01:35:59 浏览：1929 分类：站长帮

首先找到这个文件:content/templates/模板名/style.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)
}

修改之后保存,然后刷新网站,就可以看到效果了。


猜你还喜欢

您需要 登录账户 后才能发表评论

取消回复欢迎 你 发表评论:

精品推荐！
欢迎 访客 登录没有账号？
  • 最新文章
  • 热门文章
  • 热评文章
最新评论
热门tag
友情链接

关灯