记录WP网站博客标签插一摇代码

2017年10月7日00:08:24 4 964

因有人反馈看着头晕本站已关了,记录一下,代码来自网络,起初用在电脑端评论上方框框导航的,使用的话改了下要摇动的标签就可以了。 记录WP网站博客标签插一摇代码 代码

  1. .body{
  2. -webkit-animation:wobble 5s .7s ease both;//摇一摇时间
  3. -moz-animation:wobble 5s .7s ease both;}//摇一摇时间
  4. @-webkit-keyframes wobble{
  5. 0%{-webkit-transform:translateX(0%)}
  6. 15%{-webkit-transform:translateX(-25%) rotate(-5deg)}
  7. 30%{-webkit-transform:translateX(20%) rotate(3deg)}
  8. 45%{-webkit-transform:translateX(-15%) rotate(-3deg)}
  9. 60%{-webkit-transform:translateX(10%) rotate(2deg)}
  10. 75%{-webkit-transform:translateX(-5%) rotate(-1deg)}
  11. 100%{-webkit-transform:translateX(0%)}
  12. }
  13. @-moz-keyframes wobble{
  14. 0%{-moz-transform:translateX(0%)}
  15. 15%{-moz-transform:translateX(-25%) rotate(-5deg)}
  16. 30%{-moz-transform:translateX(20%) rotate(3deg)}
  17. 45%{-moz-transform:translateX(-15%) rotate(-3deg)}
  18. 60%{-moz-transform:translateX(10%) rotate(2deg)}
  19. 75%{-moz-transform:translateX(-5%) rotate(-1deg)}
  20. 100%{-moz-transform:translateX(0%)}
  21. }

猫王浏览图:

记录WP网站博客标签插一摇代码

诗梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  2   博主  2

    • avatar 其味无穷 0
      来自天朝的朋友 QQ浏览器 Windows 7 江苏省常州市 电信

      热门广告联盟诚邀各类优质网站长合作。承接CPC,CPV,CPM,CPA,CPS等类型广告,帮你做各类产品推广,拥有十万网站主加盟,千万级流量,CTR防作弊检测,让客户更加放心。热门广告联盟 http://www.remenad.com 扒搬窝资源网为您提供各类精品网站源码,棋牌源码,游戏源码,软件源码,商业教程 扒搬窝资源网 http://www.pabanwo.com/

        • avatar 诗梦 博主
          来自天朝的朋友 谷歌浏览器  Android 6.0 Redmi Note 4 Build/MRA58K 湖南省长沙市 电信

          @其味无穷 对方不想跟你说话并向你丢了一朵小黄花 :twisted:

        • avatar 灰太狼 0
          来自天朝的朋友 Internet Explorer Windows 7 天津市 联通

          代码放到哪里啊

            • avatar 诗梦 博主
              来自天朝的朋友 谷歌浏览器 Linux 广东省广州市 电信

              @灰太狼 主题样式表