余生's Blog
余生's Blog
正在加载一言...
给EMLOG博客添加图片抖动效果
作者: 余生    时间: 2018-07-28    分类: 实用教程
这篇文章上次修改于 18453 天前,可能其部分内容已经发生变化,如有疑问可询问作者。

本文由余生转载发布:以下教程开始 

1.首先我们找到自己的模板,EM路径为EMLOG模板位置在:/content/templates/你的模板名/ 

2.找到我们模板的主要css文件,放到css的最后面即可,一般为style.css但也有不一样的,但是只要放到主要的css里面就行了

3.大前端主题首页站点配置自定义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)
}

如果觉得我的文章对你有用,请随意赞赏

支付宝

微信支付

添加新评论

最热文章