backdrop-filter是最近的CSS功能,在现代浏览器中尚不可用(至少截至2016年7月1日)。Chrome51通过实验性Web平台标志支持backdrop-filter。Safari9.1支持-webkit-前缀Firefox47不支持处于这种无法使用的状态,我想知道是否有任何替代方法可以带来相同的结果。blur、grayscale等的JS变通方法也很受欢迎可以通过https://bugs.chromium.org/p/chromium/issues/detail?id=497522跟踪backdrop-filter的开发情况| 最佳答案
backdrop-filter是最近的CSS功能,在现代浏览器中尚不可用(至少截至2016年7月1日)。Chrome51通过实验性Web平台标志支持backdrop-filter。Safari9.1支持-webkit-前缀Firefox47不支持处于这种无法使用的状态,我想知道是否有任何替代方法可以带来相同的结果。blur、grayscale等的JS变通方法也很受欢迎可以通过https://bugs.chromium.org/p/chromium/issues/detail?id=497522跟踪backdrop-filter的开发情况| 最佳答案
💭💭✨:CSS实现背景图片模糊——毛玻璃效果|浅谈CSS属性filter、backdrop-filter 💟:东非不开森的主页 💜:因为很多东西来不及去做去看可是时间很快总是赶不上,所以要去成长呀💜💜 🌸:如有错误或不足之处,希望可以指正,非常感谢😉 应用场景:在音乐类的项目,会有让图片当背景模糊的效果如下图:毛玻璃效果一、使用filter:blur()二、backdrop-filter:blur()补充:filter、backdrop✨✨一、使用filter:blur()⭐⭐⭐filter:blur(),把图片变模糊的同时,四周也会模糊,没有边界,就不好看哈哈给它一个父级元素,父元素控制宽高
💭💭✨:CSS实现背景图片模糊——毛玻璃效果|浅谈CSS属性filter、backdrop-filter 💟:东非不开森的主页 💜:因为很多东西来不及去做去看可是时间很快总是赶不上,所以要去成长呀💜💜 🌸:如有错误或不足之处,希望可以指正,非常感谢😉 应用场景:在音乐类的项目,会有让图片当背景模糊的效果如下图:毛玻璃效果一、使用filter:blur()二、backdrop-filter:blur()补充:filter、backdrop✨✨一、使用filter:blur()⭐⭐⭐filter:blur(),把图片变模糊的同时,四周也会模糊,没有边界,就不好看哈哈给它一个父级元素,父元素控制宽高