css代码|鼠标悬停时图片抖动(css鼠标悬停图片突出特效)

时间:2021-03-05 16:48:44   阅读:670
<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;">

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

css代码|鼠标悬停时图片抖动(css鼠标悬停图片突出特效)

上一篇:完整网页代码|给php网站上个访问密码(php给开放网页加一个密码)

下一篇:html代码|文字滚动代码合集(文字滚动html语言代码)

网友评论