静守幸福

关注

backdrop-filter

静守幸福

关注

阅读 59

2022-02-25

//backdrop-filter: blur(2px); 背景图迷糊效果
//用法:
<div class="box">
  <div class="item">
  </div>
</div>
.box {
	 height: 100%;
 	 width: 100%;
	 background-image: url('http*****');
}
.item{
 	height: 100%;
  	width: 100%;
  	background-color: rgba(255, 255, 255, 0.3);
  	backdrop-filter: blur(10px)
}

相关推荐

NicoalsNC

css 中backdrop-filter使用

NicoalsNC 11 0 0

彪悍的鼹鼠

CSS中的filter与backdrop-filter属性的异同点

彪悍的鼹鼠 105 0 0

时光已翩然轻擦

CSS背景过滤器-毛玻璃属性(backdrop-filter)

时光已翩然轻擦 67 0 0

正义的杰克船长

css实现磨砂效果(filter 与 backdrop-filter 的对比分析)

正义的杰克船长 26 0 0

春意暖洋洋

Backdrop Filter

春意暖洋洋 69 0 0

彭维盛

css新滤镜:backdrop-filter,确定不试一下与filter的区别?

彭维盛 274 0 0

林肯公园_97cc

❤比较两种模糊特效❤filter: blur(10px)和backdrop-filter: blur(10px)的区别

林肯公园_97cc 173 0 0

归零者245号

react实战笔记89:完成backdrop

归零者245号 151 0 0

天使魔鬼

Filter

天使魔鬼 50 0 0

就是耍帅

Filter简述和@Filter注解使用

就是耍帅 102 0 0

精彩评论(0)

0 0 举报