0
点赞
收藏
分享

微信扫一扫

backdrop-filter

静守幸福 2022-02-25 阅读 58
css
//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)
}
举报

相关推荐

0 条评论