Не получается сделать закругленные углы

Question

Я использую Electron React Boilerplate и пытаюсь сделать красивые закругленные углы, но вместо этого получаю белые квадратные углы. Кто-нибудь знает какое-либо решение?

Вот как выглядят мои углы приложения

Это мой код BrowserWindow:

mainWindow = new BrowserWindow({
  show: false,
  width: 396,
  height: 520,
  transparent: true,
  frame: false,
  resizable: false,
  webPreferences: {...preferences}
});

Изменить: здесь это еще код

import React from 'react';
import styles from './Home.css';
import Titlebar from './FirstOpenScreen/Titlebar';

export default function Home(): JSX.Element {
  return (
    <div className={styles.home}>
      <Titlebar />
      <h1 className={styles.h1}>Hello, world.</h1>
    </div>
  );
}

И мой CSS:

div.home {
  width: 100%;
  height: 100vh;
  background-color: #252525;
  color: white;
  border-radius: 10px;
  overflow: hidden;
}

Answer 1

Спасибо всем за помощь. Я анализировал свой собственный код и пробовал свойство CSS, которое я видел на inte rnet, и это помогло мне.

Решение состоит в том, чтобы просто добавить overflow: hidden к CSS файл для работы.

body {
  border-radius: 10px;
  overflow: hidden;
}