html 实现图片或模块模糊的效果

 时间:2024-11-04 05:48:06

1、<img src="1.jpg" class="blur"/>或者<d足毂忍珩iv class="blur" style="width: 50px;height: 50px;;background-color: red"></div>

2、.blur{ filter: blur(6px); -webkit-filter: blur(6px); /* chrome, opera */ -ms-filter: blur(6px); -moz-filter: blur(6px);}

3、效果图:

html 实现图片或模块模糊的效果html 实现图片或模块模糊的效果
  • html+css+js适用于移动网页悬浮框效果
  • 运用JavaScript+div+css制作表单功能。
  • 怎样给dreamweaver浏览器列表添加浏览器
  • 网页UI设计中顶部导航——工具PS
  • 如何解决网页高度塌陷(41)
  • 热门搜索
    炒土豆丝的家常做法 绿豆糕的做法家常做法 怎样做菜好吃 大花蕙兰的养殖方法和注意事项 男性性功能锻炼方法 脚气的治疗方法 红烧黄花鱼的家常做法 香菇油菜的家常做法 鳊鱼怎么做好吃 治疗痛风的最佳方法