新鲜小饼干

关注

css 增加模糊遮罩效果

新鲜小饼干

关注

阅读 83

2022-07-27

image.png

html

<div class="zhezhaox">
  <div class="zhezhaox2"></div>
</div>

css

.zhezhaox {
  position: relative;
  padding: 1px;
  .zhezhaox2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(5px);
    z-index: 1000;
  }
}

相关推荐

邯唐情感

css增加高斯模糊的效果

邯唐情感 89 0 0

E_topia

CSS实现轮播图效果以及遮罩效果

E_topia 118 0 0

奔跑的酆

css实现透明模糊效果

奔跑的酆 116 0 0

mjjackey

CSS动态增加立体效果

mjjackey 66 0 0

岁月不饶人老不正经

css之模糊文本的效果

岁月不饶人老不正经 31 0 0

追风骚年

css实现图片边缘模糊效果

追风骚年 32 0 0

念川LNSC

openlayers 遮罩效果

念川LNSC 38 0 0

高子歌

QML遮罩效果Demo

高子歌 119 0 0

鱼板番茄

CSS实现鼠标移动到图片上显示遮罩层效果

鱼板番茄 37 0 0

路西法阁下

Day15 - 遮罩效果

路西法阁下 74 0 0

精彩评论(0)

0 0 举报