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

2017年10月7日00:08:24记录WP网站博客标签插一摇代码已关闭评论 130人围观

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

广告也精彩