css3属性制作图片网格布局,通过鼠标悬停图片圆形放大阴影效果。这是一款简单实用的网格图片悬停事件代码。
使用方法:
1、head引入css文件
<link type="text/css" href="css/style.css" rel="stylesheet" />
2、body引入HTML代码
<div class="test">
<ul>
<li><a href="#"><img src="img/a1.png" width="140" height="80" alt=""></a></li>
<li><a href="#"><img src="img/a2.png" width="140" height="80" alt=""></a></li>
<li><a href="#"><img src="img/a3.png" width="140" height="80" alt=""></a></li>
<li><a href="#"><img src="img/a4.png" width="140" height="80" alt=""></a></li>
<li><a href="#"><img src="img/a5.png" width="140" height="80" alt=""></a></li>
<li><a href="#"><img src="img/a6.png" width="140" height="80" alt=""></a></li>
<li><a href="#"><img src="img/a1.png" width="140" height="80" alt=""></a></li>
<li><a href="#"><img src="img/a2.png" width="140" height="80" alt=""></a></li>
<li><a href="#"><img src="img/a3.png" width="140" height="80" alt=""></a></li>
</ul>
</div>