html - CSS - 模糊过滤器片刻后停止工作

标签 html css web blur

当我将 filter: blur(10px); 应用到 body 元素时,我可以看到它正在工作,但只有片刻,当网站是加载中。

加载完成后,模糊消失。为什么会这样?
另外,当我之后用 JS 设置它时,它仍然不起作用。

最佳答案

滤镜 CSS 属性可让您将图形效果(如模糊或颜色偏移)应用于元素。滤镜通常用于调整图像、背景和边框的渲染。

CSS 标准中包含几个实现预定义效果的函数。您还可以使用指向 SVG 过滤器元素的 URL 来引用 SVG 过滤器。

更多详细信息,您可以访问此链接 MDN WEB DOCS

关于html - CSS - 模糊过滤器片刻后停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48597924/

相关文章:

javascript - 如何单击堆叠 svg 图像的一部分

html - 简单的 html div 内衬 "bug"

css - 更少的网格模板列

java - 在 Web 应用程序中找不到属性文件

javascript - 在 Internet Explorer 7 中更改 div 高度

html - 响应式调整父级内的 HTML div 大小,包括信箱和邮筒,仅 CSS

css - CSS 的真实单位有多准确?

html - 高级 HTML/CSS 严重错误

javascript - 我应该总是将类属性放在 js 的构造函数中吗?

javascript - 如何使 InnerHTML 淡出