css之图片羽化处理

需求：

对图片做css羽化处理

实现：

Html代码  收藏代码
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3.  <head>   
  4.   <meta charset="UTF-8" />   
  5.   <meta name="Generator" content="EditPlus&reg;" />   
  6.   <meta name="Author" content="" />   
  7.   <meta name="Keywords" content="" />   
  8.   <meta name="Description" content="" />   
  9.   <title>Document</title>   
  10.  </head>   
  11.  <body>   
  12.   <img style="display: block;  height: 100%; 100%;" src="http://js.linkrmb.com/mt.jpg" />   
  13.   <div style="    
  14. position: absolute;  
  15. top: 0;  
  16. height: 100%;  
  17.  100%;  
  18. box-shadow: 0 0 70px 30px rgb(249, 249, 249) inset;"></div>     
  19.  </body>  
  20. </html>  

效果：

 

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/ranzige/p/4233506.html