css - 是否可以提供类似于 MacOS 应用程序的电子窗口圆角边缘？

Question

我正在使用 Electron React Boilerplate，我想给我的应用程序提供类似于 MacOS 应用程序的圆角边缘。这有什么可能吗？

我试图让我的窗口透明且无框，并且使用 CSS 无济于事。

在 main.dev.ts 中：

mainWindow = new BrowserWindow({
show: false,
width: 1024,
height: 728,
transparent: true,
frame: false,
icon: getAssetPath('icon.png'),
webPreferences: {
  nodeIntegration: true,
},

});

我想应用于所有窗口的 CSS：

  border-radius: 20px;
  background-color: white;
  height: 100vh;
  margin-bottom: 100px