css3实现网页背景图片高斯模糊效果

2022-04-13 16:16:24 0

css3可以通过代码渲染的方式实现网页背景的高斯模糊效果，告别更换背景时候的ps批图。分享三种css3实现网页背景图片高斯模糊效果的方法。

css3实现网页背景模糊方法一（正常模糊）：

    
        背景模糊

    

实现效果如图：

css3实现网页背景模糊方法二（局部模糊）：

    
        
            
背景局部模糊
        

    

实现效果如下图：

css3实现网页背景模糊方法三（局部清晰）：

    
        
            
背景局部清晰
        
    

实现效果如下图：

赞(0)

打赏 微信 支付宝 QQ 扫码打赏

css3图片模糊 css3阴影下 怎么在HTML5实现模糊 css3模糊样式 css3模糊半径 css内容模糊 css3字体清晰 css3图片模糊处理 css3设置字体阴影