backdrop-filter:blur(10px);只支持ios端;只作用于当前元素; 适用场景:为背景添加模糊效果;如果目标元素内包裹着其他内容 则应用filter属性; (不支持安卓,效果不明显) filter:blur(10px); 兼容性比较好,不仅仅作用于当前元素,后代元素也会继承这个属性,作用于一个空背景元素没有效果 适用场景: (效果其实还是通过...
CSS原生毛玻璃效果 | backdrop-filter 虽然网上有很多伪CSS毛玻璃的方法,但是局限性很大。其实新的浏览器多多少少有开始支持原生的毛玻璃CSS属性。只是进展还是有点慢,普及率并不高,但可以一试效果。 代码: code .className{/* Safari for macOS & iOS */-webkit-backdrop-filter:blur(5px);/* Google Chrome...