图片高斯模糊

最新推荐文章于 2025-07-26 14:28:40 发布

weixin_30867015

最新推荐文章于 2025-07-26 14:28:40 发布

阅读量58

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Code-Inconnu/p/7827385.html

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%;
        }
    }

转载于:https://www.cnblogs.com/Code-Inconnu/p/7827385.html