html 代码 <!DOCTYPE <span class='wp_keywordlink_affiliate'><a href="https://www.rokub.com/category/html" title="html" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">html</a></span>><br /> <html lang="en"><br /> <head><br /> <meta charset="UTF-8"><br /> <title>hover</title><br /> <style><br /> body{<br /> margin: 0;<br /> }<br /> .img-wrap {<br /> width: 194px;<br /> height: 108px;<br /> float: left;<br /> margin-left: 6px;<br /> background: #e8e8e8;<br /> border: 1px solid #e8e8e8;<br /> overflow: hidden;<br /> cursor: pointer;<br /> -webkit-transform-style: preserve-3d;<br /> transform-style: preserve-3d;<br /> }<br /> .img-wrap img {<br /> width: 100%;<br /> height: 100%;<br /> border: 0;<br /> -webkit-transition: all .5s ease-out .1s;<br /> transition: all .5s ease-out .1s;<br /> }<br /> .img-wrap:hover img {<br /> -webkit-transform: matrix(1.04,0,0,1.04,0,0);<br /> -ms-transform: matrix(1.04,0,0,1.04,0,0);<br /> transform: matrix(1.04,0,0,1.04,0,0);<br /> -webkit-backface-visibility: hidden;<br /> backface-visibility: hidden;<br /> }<br /> </style><br /> </head><br /> <body><br /> <a class="img-wrap" target="_blank" href="/group/6347460154771013889/"><br /> <img alt="" src="http://p3.pstatp.com/list/640×360/e59000a6ecaab7d1535"><br /> </a><br /> </body><br /> </html> » 本文来自：前端开发者 » 《经过时图片放大》 » 本文链接地址：https://www.rokub.com/8831.html » 您也可以订阅本站：https://www.rokub.com
前端开发者
评论前必须登录！
注册