美文网首页
小程序背景高斯模糊(可更改变量,非before选择器方法)

小程序背景高斯模糊(可更改变量,非before选择器方法)

作者: Kser | 来源:发表于2021-12-21 16:58 被阅读0次

    最终效果:

    WXML

    <view class="bg">

        <view class="before" style="background-image: url('背景图片.png');"></view>

      </view>

    WXSS

    /*高斯模糊背景*/

    .bg{

      position: fixed;

      top: 0;

      left: 0;

      overflow: hidden; 

      width: 100%;

      height: 100%;

    }

    .bg .before{

      position: absolute;

      top:0;

      right:0;

      bottom:0;

      left:0;

      background-size:100% 100%;

      background-repeat:no-repeat;

      filter: blur(100rpx);

      margin:-500rpx;     

    }

    相关文章

      网友评论

          本文标题:小程序背景高斯模糊(可更改变量,非before选择器方法)

          本文链接:https://www.haomeiwen.com/subject/xzmxqrtx.html