如何在Electron中使用背景滤镜?

时间:2019-03-26 16:50:46

标签: javascript css electron

我目前正在尝试在electronic.js中使用背景滤镜,以创建一种在动态元素上而不是单个背景图像上起作用的模糊效果。

由于稳定的chrome当前不支持该功能,因此我将其用作实验性功能,如极端简要here中所述。他没有提到没有“前缀” CSS规则,但是没有提及什么或提供任何其他上下文,因此我不清楚他在说什么。

我正在使用以下方法创建电子窗口

function createWindow () {
  win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      experimentalFeatures: true
    }
  })
}

据我所知,应该启用实验功能。然后尝试使用简单的CSS规则在vue组件中使用它:

<style scoped>
  .blurred-box{
    backdrop-filter: blur(10px);
}
</style>

目前什么都不做。我是从根本上做错了吗?在现代电子版本中,这仍然可行吗?是否可以通过其他替代性实验性眨眼功能来实现?

我承认它可能已过时,因为我也无法从github上运行其他演示,所以它会出现。

0 个答案:

没有答案