首页>>Jquery图片>>CSS3鼠标经过动画特效(2018-09-11)

CSS3鼠标经过动画特效

CSS3鼠标经过动画特效
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="container">  
  2.   
  3.     <div class="row main">  
  4.         <div class="col-md-12">  
  5.             <div class="container" style="width: 98%; margin: 30px auto">  
  6.                 <div class="row">  
  7.                     <div class="col-md-4 col-sm-6">  
  8.                         <div class="box">  
  9.                             <img src="images/img-1.jpg">  
  10.                             <ul class="icon">  
  11.                                 <li><a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li>  
  12.                                 <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span></a></li>  
  13.                             </ul>  
  14.                             <div class="box-content">  
  15.                                 <h3 class="title">Williamson</h3>  
  16.                                 <span class="post">Web Developer</span>  
  17.                             </div>  
  18.                         </div>  
  19.                     </div>  
  20.                     <div class="col-md-4 col-sm-6">  
  21.                         <div class="box">  
  22.                             <img src="images/img-2.jpg">  
  23.                             <ul class="icon">  
  24.                                 <li><a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li>  
  25.                                 <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span></a></li>  
  26.                             </ul>  
  27.                             <div class="box-content">  
  28.                                 <h3 class="title">Kristiana</h3>  
  29.                                 <span class="post">Web Designer</span>  
  30.                             </div>  
  31.                         </div>  
  32.                     </div>  
  33.                     <div class="col-md-4 col-sm-6">  
  34.                         <div class="box">  
  35.                             <img src="images/img-3.jpg">  
  36.                             <ul class="icon">  
  37.                                 <li><a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li>  
  38.                                 <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span></a></li>  
  39.                             </ul>  
  40.                             <div class="box-content">  
  41.                                 <h3 class="title">Kristiana</h3>  
  42.                                 <span class="post">Web Designer</span>  
  43.                             </div>  
  44.                         </div>  
  45.                     </div>  
  46.                 </div>  
  47.             </div>  
  48.         </div>  
  49.     </div>  
  50.   
  51. </div>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_692.html