高斯模糊背景

原创于 2020-02-04 14:25:39 发布 · 945 阅读

·

1

·

4 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #html

大前端专栏收录该内容

134 篇文章

订阅专栏

在这里插入图片描述背景由两部分实现，一个是背景，另一个是背景上有一个遮罩

.mask_mask {/*遮罩*/
    width: 1536px;
    height: 800px;
    z-index: -1;
    position: absolute;
    top: 0;
    background-color: rgba(0,0,0,0.4);
}
.mask{
    width: 1536px;
    height: 800px;
    background: url("../file/source/AslongASLoveMe.jpg") no-repeat 50% center;
    background-size: 100% 100%;;
    z-index: -2;
    position: absolute;
    top: 0;
    filter: blur(60px);
}