首页>>Jquery图片>>CSS3图片悬停放大动画,不同的遮罩效果(2014-06-29)

CSS3图片悬停放大动画,不同的遮罩效果

CSS3图片悬停放大动画,不同的遮罩效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div id="image-container">  
  2.                 <div class="img" id="img-1">  
  3.                     <div class="mask"></div>  
  4.                     <img src="images/01.jpg">  
  5.                 </div>    
  6.                 <div class="img" id="img-2">  
  7.                     <div class="mask"></div>  
  8.                     <img src="images/07.jpg">  
  9.                 </div>    
  10.                 <div class="img" id="img-3">  
  11.                     <div class="mask" id="mask-1"></div>  
  12.                     <div class="mask" id="mask-2"></div>  
  13.                     <img src="images/05.jpg">  
  14.                 </div>    
  15.                 <div class="img" id="img-4">  
  16.                     <div class="mask"></div>  
  17.                     <img src="images/04.jpg">  
  18.                 </div>    
  19.                 <div class="img" id="img-5">  
  20.                     <div class="mask"></div>  
  21.                     <img src="images/06.jpg">  
  22.                 </div>    
  23.                 <div class="img" id="img-6">  
  24.                     <div class="mask"></div>  
  25.                     <img src="images/08.jpg">  
  26.                 </div>    
  27.                 <div class="clearfix"></div>  
  28.             </div>  

 


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