css 从JavaScript模糊图像[已关闭]

daupos2t  于 2022-12-05  发布在  Java
关注(0)|答案(1)|浏览(120)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题吗?**通过editing this post添加详细信息并阐明问题。

2天前关闭。
Improve this question
Javascript程式码:

const activeSlide = document.querySelector('.slide.active');
 const slideBgImg = getComputedStyle(activeSlide).backgroundImage; 
  container.style.backgroundImage =slideBgImg;

HTML语言

<div class="slide-container">
  <div class="slide" data-slide-no="1"></div>
  <div class="slide" data-slide-no="2"></div>
  <div class="slide" data-slide-no="3"></div>
  <div class="slide" data-slide-no="4"></div>
  <div class="slide" data-slide-no="5"></div>
  <div class="slide" data-slide-no="6"></div>
  <div class="slide" data-slide-no="7"></div>
  <div class="slide" data-slide-no="8"></div>
  <div class="slide" data-slide-no="9"></div>
  <div class="slide" data-slide-no="10"></div>
  <div class="slide" data-slide-no="11"></div>
  <div class="slide" data-slide-no="12"></div>
</div>

我想改变slide.active容器的背景,并且它必须等于在页面上单击的图像。这段代码改变了背景,但是我想给图像添加一个模糊效果。有什么方法可以做到这一点吗?我不想模糊容器;我实际上想模糊幻灯片BgImage

oxiaedzo

oxiaedzo1#

document.querySelector("div").style.backgroundImage = "url('url') blur"

相关问题