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)
}
Emlog给网站图片添加抖动效果
         本页正文内容约448个文字
         本文标签:

         版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。

         本文链接:https://suppore.cn/em_tpdd.html   百度已收录

发表评论

电子邮件地址不会被公开, 推荐使用QQ快速评论!

评论

2条评论
  1. avatar

    肝糖原 Lv.1 Chrome 55.0.2883.87 Chrome 55.0.2883.87 Windows Windows 回复

    [code]签到成功!签到时间: 下午4时15分45秒,签到运到,生活乐逍遥![/code]

    山东省济南市 联通

    1. avatar

      演绎博客 Lv.2 Chrome 51.0.2704.106 Chrome 51.0.2704.106 Windows Windows 回复

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

      美国 加利福尼亚州洛杉矶Choopa数据中心

      00:00 / 00:00
      顺序播放