首页>>Jquery图片>>纯css图片旋转遮罩文字(2019-05-21)

纯css图片旋转遮罩文字

纯css图片旋转遮罩文字
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="container">  
  2.         <div class="row">  
  3.             <div class="col-md-4 col-sm-6">  
  4.                 <div class="box">  
  5.                     <img src="images/img-1.jpg" alt="">  
  6.                     <div class="box-content">  
  7.                         <h3 class="title">Steve Thomas</h3>  
  8.                         <span class="post">Web developer</span>  
  9.                     </div>  
  10.                     <ul class="icon">  
  11.                         <li><a href="#"><i class="fa fa-search"></i></a></li>  
  12.                         <li><a href="#"><i class="fa fa-link"></i></a></li>  
  13.                     </ul>  
  14.                 </div>  
  15.             </div>  
  16.             <div class="col-md-4 col-sm-6">  
  17.                 <div class="box">  
  18.                     <img src="images/img-2.jpg" alt="">  
  19.                     <div class="box-content">  
  20.                         <h3 class="title">Kristina</h3>  
  21.                         <span class="post">Web designer</span>  
  22.                     </div>  
  23.                     <ul class="icon">  
  24.                         <li><a href="#"><i class="fa fa-search"></i></a></li>  
  25.                         <li><a href="#"><i class="fa fa-link"></i></a></li>  
  26.                     </ul>  
  27.                 </div>  
  28.             </div>  
  29.               
  30.         </div>  
  31.     </div>  

 


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