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