Question

当我需要在幕后工作时，我正在为自己创建一个维护页面。目前，我正在使用JavaScript随机数学函数从1-5中选择一个数字，每次刷新时都会从列表中随机选择背景。

我要做的就是向此图像添加CSS模糊滤镜，但是我不确定如何处理。

我的JavaScript：

<script type="text/javascript"> 
    function backgr() { 
        var backimg = ["bg1.jpg","bg2.jpg","bg3.jpg","bg4.jpg","bg5.jpg"]; 
        var randimg = Math.floor(Math.random()*5); 
        document.body.background = backimg[randimg]; 
    } 
</script>

HTML开始，我必须补充说，过滤器不应触及容器类中的任何东西。

<body onload="backgr()">
<div class="container">

CSS模糊滤镜（w3）：

#settopickedbackground {

-webkit-filter: blur(5px);

filter: blur(5px);

}

我已经在单个背景上使用了模糊滤镜，但是我想在随机数学竞赛之后使用它。

如果代码看起来很奇怪，请在手机上发布。

谢谢！

将CSS模糊滤镜添加到JavaScript设置的背景

0 个答案: