给网站图片添加抖动效果

文摘 2110 0

  • 其实就是一个CSS效果，在鼠标放到图片上的时候，图片会抖动。效果如下所示。 

    • 1.gif

  •  



  • 我的本来添加了，然后又去除了。。。 



  • 首先要找到修改代码的地方，在你的模板处，或主要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)}





この記事はhttp://www.chieng.cn から来て、再現してください！
打赏 支付宝打赏 微信打赏

相关推荐

评论

Top