Filters过滤器
背景模糊
backdrop-blur 背景模糊的过滤器
语法
backdrop-blur-{size?} //backdrop-filter: blur(?px)
backdrop-blur-none //backdrop-filter: blur(0px)
sm:4px, _:8px, md:12px, lg:16px, xl:24px, 2xl:40px, 3xl:64px
1<!-- amount 控制模糊程度 值越大越模糊 -->
2<!-- 默认值为 8px -->
3<div class="backdrop-blur-sm">
4
5</div>
6
7<!-- 直接设置模糊值 -->
8<div class="backdrop-blur-[2px]">
9
10</div>
移除背景模糊
删除元素上的所有背景过滤器，用 background-filter-none
1<div class="backdrop-blur-sm backdrop-filter-none">
2
3</div>