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%;width: 100%;" src="http://js.linkrmb.com/mt.jpg" />   
  13.   <div style="    
  14. position: absolute;  
  15. top: 0;  
  16. height: 100%;  
  17. width: 100%;  
  18. box-shadow: 0 0 70px 30px rgb(249, 249, 249) inset;"></div>     
  19.  </body>  
  20. </html>  

效果:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM