简单易用的图片鼠标悬停动画特效插件CSS3——iHover

github地址：https://github.com/gudh/ihover

iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3!

使用非常简单，引入文件<link href="ihover-gh-pages/src/ihover.css" rel="stylesheet">  css文件请到上面链接下载

效果图预览：

 

<div class="row">
  <div class="col-sm-6">
 
    <!-- normal -->
    <div class="ih-item circle effect1"><a href="#">
        <div class="spinner"></div>
        <div class="img"><img src="images/assets/2.jpg" alt="img"></div>
        <div class="info">
          <div class="info-back">
            <h3>Heading here</h3>
            <p>Description goes here</p>
          </div>
        </div></a></div>
    <!-- end normal -->
 
  </div>
 
  <div class="col-sm-6">
 
    <!-- colored -->
    <div class="ih-item circle colored effect1"><a href="#">
        <div class="spinner"></div>
        <div class="img"><img src="images/assets/5.jpg" alt="img"></div>
        <div class="info">
          <div class="info-back">
            <h3>Heading here</h3>
            <p>Description goes here</p>
          </div>
        </div></a></div>
    <!-- end colored -->
 
  </div>
</div>