Как размыть электронное окно браузера с помощью прозрачности ⇐ CSS

[Anonymous]

Вопрос

Можно ли сделать окно браузера в электронном виде прозрачным с размытием? Он размывает все фоновое содержимое, включая приложения и обои.

И если возможно, как бы мне это сделать?

Примеры

Вот код, который я пробовал.

Код: Выделить всё

index.js

:

Код: Выделить всё

let win = new BrowserWindow({
fullscreen: true,
fullscreenable: false,
frame: false,
skipTaskbar: true,
resizable: false,
movable: false,
show: false,
alwaysOnTop: true,
transparent: true
})

Код: Выделить всё

style.css

:

Код: Выделить всё

html, body {
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0.5);
color: rgb(255, 255, 255);
backdrop-filter: blur(4px);
}

HTML — это просто тело с тегом h1 и текстом.

Хотя это создает только черный фон в окне.

Я кое-что читал об этом:

Код: Выделить всё

webPreferences: {
experimentalFeatures: true
}

Но не могу заставить его работать.

Окружающая среда

• Ubuntu: 18.04.2
• Узел: v10.15.3
• npm: 6.4.1
• i3wm. 4.14.1

У меня работает compton. Может быть, это связано с этим. Или движок композитинга в целом?

Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/557 ... ansparency