首页>>Jquery图片>>纯css3带倒影效果的图片翻转特效(2025-02-12)

纯css3带倒影效果的图片翻转特效

纯css3带倒影效果的图片翻转特效
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="htmleaf-container">  
  2.   
  3.         <div class="scene">  
  4.           <div class="card">  
  5.             <div class="card__face card__face--front">  
  6.               <img src="img/cnKl1Ykd5rZCVwm.jpg" />  
  7.             </div>  
  8.             <div class="card__face card__face--back">  
  9.               <img src="img/cqyJiYlRwnTeHmj.jpg" />  
  10.             </div>  
  11.           </div>  
  12.           <div class="card">  
  13.             <div class="card__face card__face--front">  
  14.               <img src="img/FLnzi5Kq4tkRZSm.jpg" />  
  15.             </div>  
  16.             <div class="card__face card__face--back">  
  17.               <img src="img/buDT4YS6zUMfHst.jpg" />  
  18.             </div>  
  19.           </div>  
  20.           <div class="card">  
  21.             <div class="card__face card__face--front">  
  22.               <img src="img/uXF1Kx7lzELB6wf.jpg" />  
  23.             </div>  
  24.             <div class="card__face card__face--back">  
  25.               <img src="img/RtVq2wxQYySDb8L.jpg" />  
  26.             </div>  
  27.           </div>  
  28.         </div>  
  29.   
  30.     </div>  

 


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