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>

资源出处：https://www.moyublog.com/codes/9401.html