用backdrop-filter做IOS毛玻璃效果 – 学习画板

首页 » CSS » 用backdrop-filter做IOS毛玻璃效果

用backdrop-filter做IOS毛玻璃效果

目前支持的浏览器有Safari 9 +, iOS 9 +

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .header {
        background: rgba(255, 255, 255, .6);
        -webkit-backdrop-filter: brightness(1.5) blur(4px);
        backdrop-filter: brightness(1.5) blur(4px);
    }
}
backdrop-filter

毛玻璃效果

此文章发表在 CSS. 将 固定链接 加入收藏.