关于DW鼠标经过放大图片代码，放大不影响其他图片

北京/设计爱好者/10年前/5944浏览

版权

关于DW鼠标经过放大图片代码，放大不影响其他图片

关于DW鼠标经过放大图片代码，放大不影响其他图片

关于DW鼠标经过放大图片代码，放大不影响其他图片

代码如下:

<style>

.ImgBox{position:relative;

width:100px;

height:100px}

.oImg{width: 100px;

height: 100px;

background-color: #F33;

position:absolute;

left:0px;

top:0px;

z-index:1;}

.oImg:hover{background-color:#0CF;

width:200px;

height:200px;

left:-50px;

top:-50px;

z-index:100;

box-shadow:0px 0px 5px 0px #000}

</style>

<body style="padding:100px;">

<table >

<tr>

<td class=ImgBox><img class=oImg /></td>

<td class=ImgBox><img class=oImg /></td>

<td class=ImgBox><img class=oImg /></td>

<td class=ImgBox><img class=oImg /></td>

<td class=ImgBox><img class=oImg /></td>

</tr>

</table>

</body>

13

Report

|

声明

16

Share

原创Article 平面

评论

in to comment

Add emoji

喜欢TA的作品吗？喜欢就快来夸夸TA吧！

大家都在看

Log in

13

16

评论

分享