android毛玻璃遮罩效果_css3毛玻璃效果[模糊图片]

最新推荐文章于 2021-12-19 16:22:33 发布

精准小天使

最新推荐文章于 2021-12-19 16:22:33 发布

阅读量325

点赞数

文章标签： android毛玻璃遮罩效果

本文链接：https://blog.csdn.net/weixin_35792271/article/details/113043976

版权

希望有一天大家都能在借鉴中创新

实现图片遮罩的毛玻璃效果代码段很少，这里直接放效果视屏：

https://www.zhihu.com/video/1222879519775842304

牵涉关键代码：

.blur {
            width: 50%;
            filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */

            -webkit-filter: blur(var(--bl)); /* Chrome, Opera */
            -moz-filter: blur(var(--bl));
            -ms-filter: blur(var(--bl));
            filter: blur(var(--bl));

            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false); /* IE6~IE9 */
        }

知乎账号：曦曦春风