我如何才能仅模糊背景而不影响其他身体

时间:2019-06-20 09:56:19

标签: html background-image blur

我已经集成了vague.js来模糊我的反拉伸背景图像,但是它模糊了整个文本主体。

我要怎么做才能使所有文本和容器主体显示,而我的背景仍然模糊。 请查看背景图片:enter image description here

<script>
    $.backstretch([
        "img/17.jpg",
        "img/22.jpg",
        "img/1.jpg"
    ], {
            fade: 200,
            duration: 4000
        });
    var vague = $('body').Vague({
        intensity: 10, forceSVGUrl: false,
        animationOptions: {
            duration: 1000,
            easing: 'linear'
        }
    });

    vague.blur();

</script>

我希望它在显示文本和其他正文时仅使背景模糊,但使所有内容模糊。

0 个答案:

没有答案