图片高斯模糊

html

<div class="bg"><img :src="" alt=""></div>

css

.bg{
        position: absolute;
        width: 100%;
        height: 810px;
        z-index: -1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        -webkit-filter: blur(50px);   //设置高斯模糊度
        -moz-filter: blur(50px);     //设置高斯模糊度
        -o-filter: blur(50px);     //设置高斯模糊度
        -ms-filter: blur(50px);     //设置高斯模糊度
        filter: blur(50px);     //设置高斯模糊度
        overflow: hidden;
        img{
            position: absolute;
            top:-12%;
            left: -18%;
            width: 120%;
            height: 120%;
        }
    }