给EM博客添加图片抖动效果

  • 内容
  • 相关

本文转载于网络,由本站整理分享。如有侵权请联系站长删除!mail:1410469560@qq.com

1.首先我们找到自己的模板,EM路径为


EMLOG模板位置在:/content/templates/你的模板名/
  2.找到我们模板的主要css文件,放到css的最后面即可,一般为style.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)
}

大前端主题首页站点配置自定义css   加入上面代码即可!

本文标签:

版权声明:若无特殊注明,本文皆为《蓝优》原创,转载请保留文章出处。

本文链接:给EM博客添加图片抖动效果 - http://xuboke.com/catjs/4.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

00:00 / 00:00
顺序播放