css代码|鼠标悬停时图片抖动

时间:8个月前   阅读:97
<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;">

鼠标放在图片上面的时候,图片抖动

上一篇:完整网页代码|给php网站上个访问密码

下一篇:html代码|文字滚动代码合集

网友评论