鼠标滑过一个元素可以添加那些特效呢？

我能想到的基本的有：换颜色，改字体大小，加一些下划线，边框的样式啊····

其实我们还可以，是他有动画的效果，比如：图片旋转360度啊、放大缩小啊、等一些transform的动画效果

<ul>
<li>
<img src="/shop/Home/View/Public/images/supplier/apt_img1.png" class="apt_img">
<p class="apt_p">如果你是国内外著名品牌的生产制造商</p>
</li>
<li>
      <img src="/shop/Home/View/Public/images/supplier/apt_img2.png" class="apt_img">
      <p class="apt_p">有ISO管理体系、CE等国际认证</p>
</li>
<li class="mr0">
<img src="/shop/Home/View/Public/images/supplier/apt_img3.png" class="apt_img">
<p class="apt_p">能提供优质专业的OEM、ODM等服务</p>
</li>
</ul>

css样式：

ul li {
  position: relative;
  float: left;
  margin-right: 30px;
  text-align: center;
  width: 320px;
  height: 300px;
  overflow: hidden;  //这个是重点即使里面的图片放大，外面的框的