首页 > 网站 > WEB开发 > 正文

css之图片羽化处理

2024-04-27 14:29:29
字体:
来源:转载
供稿:网友
CSS之图片羽化处理

需求:

对图片做css羽化处理

实现:

Html代码收藏代码
  1. <!DOCTYPEhtml>
  2. <htmllang="en">
  3. <head>
  4. <metacharset="UTF-8"/>
  5. <metaname="Generator"content="EditPlus&reg;"/>
  6. <metaname="Author"content=""/>
  7. <metaname="KeyWords"content=""/>
  8. <metaname="Description"content=""/>
  9. <title>Document</title>
  10. </head>
  11. <body>
  12. <imgstyle="display:block;height:100%;width:100%;"src="http://js.linkrmb.com/mt.jpg"/>
  13. <divstyle="
  14. position:absolute;
  15. top:0;
  16. height:100%;
  17. width:100%;
  18. box-shadow:0070px30pxrgb(249,249,249)inset;"></div>
  19. </body>
  20. </html>

效果:


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表