背景模糊(毛玻璃) backdrop-filter

最新推荐文章于 2024-08-10 14:29:40 发布

前端混子

最新推荐文章于 2024-08-10 14:29:40 发布

阅读量283

点赞数

分类专栏： css 文章标签： css javascript 前端

本文链接：https://blog.csdn.net/ithunzi/article/details/130412616

版权

css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在这里插入图片描述

.frosted-glass {
    position: fixed;
    top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72vw;
    height: 36vh;
	box-shadow: 0 0.3px 0.7px rgba(0, 0, 0, 0.126), 0 0.9px 1.7px rgba(0, 0, 0, 0.179), 0 1.8px 3.5px rgba(0, 0, 0, 0.224), 0 3.7px 7.3px rgba(0, 0, 0, 0.277), 0 10px 20px rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(20px);
	transition: 0.5s ease;
}