css代码|鼠标悬停时图片抖动
时间:2年前 阅读:523
<style type="text/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)}</style> <img class="lazy" data-original="http://wp.zshao.vip/static/img/logo_s.png" alt="Zshao网络" src="http://wp.zshao.vip/static/img/logo_s.png" style="display: inline;">
鼠标放在图片上面的时候,图片抖动
网友评论