javascript - 将css模糊添加到由javascript随机选择的图像

Question

所以我试图用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)] + ')'});

我希望它模糊背景图像。

标签： javascriptcss

Answer 1

您可以使用 CSS3 过滤器。

filter: blur(5px);

将图像添加到 div，然后向该 div 添加模糊？