将CSS模糊添加到JavaScript随机选择的图像

时间:2019-05-10 13:02:59

标签: javascript css

因此,我试图用css模糊脚本选择的图像, 用作网站背景

下面是我的随机图像脚本。

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg', 'image6.jpg', 'image7.jpg', 'image8.jpg', 'image9.jpg', 'image10.jpg', 'image11.jpg', 'image12.jpg', 'image13.jpg', 'image14.jpg', 'image15.jpg', 'image16.jpg', 'image17.jpg', 'image18.jpg', 'image19.jpg', 'image20.jpg', 'image21.jpg'];
$('html').css({'background-image': 'url(css/BGS/' + images[Math.floor(Math.random() * images.length)] + ')'});

我希望它模糊背景图像。

1 个答案:

答案 0 :(得分:0)

您可以使用CSS3过滤器。

filter: blur(5px);

将图像添加到div,然后将模糊添加到该div?