css之图片羽化处理

需求:

对图片做css羽化处理

实现:

<!DOCTYPE html>
<html lang="en">
 <head> 
  <meta charset="UTF-8" /> 
  <meta name="Generator" content="EditPlus&reg;" /> 
  <meta name="Author" content="" /> 
  <meta name="Keywords" content="" /> 
  <meta name="Description" content="" /> 
  <title>Document</title> 
 </head> 
 <body> 
  <img style="display: block;  height: 100%;width: 100%;" src="http://js.linkrmb.com/mt.jpg" /> 
  <div style="  
position: absolute;
top: 0;
height: 100%;
width: 100%;
box-shadow: 0 0 70px 30px rgb(249, 249, 249) inset;"></div>   
 </body>
</html>

效果:



?

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。