毛玻璃实现交友软件心动嘉宾模糊效果

图片我们使用背景图片的方式插入

如果我们的图片大于容器的话

我们使用background-size: cover 进行比例缩放,覆盖整个容器

毛玻璃效果使用 backdrop-filter 来进行处理，值越大模糊程度越大