Emlog给网站图片添加抖动效果

  • 内容
  • 评论
  • 相关

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

EMLOG模板位置在  /WEB/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)
}

发表评论

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

评论

1条评论
  1. avatar

    演绎博客 Lv.2 回复

    表情 好羞射,文章真的好赞啊,顶博主!

       日本 东京都平和島Choopa数据中心

    00:00 / 00:00
    顺序播放