Clip Path

Um Grafiken in HTML eine Grafik eine Form zu geben kann man Clip Path benutzen.

Am Besten man geht auf die Seite https://bennettfeely.com/clippy/ und erstellt damit seinen Path. Anschließend kopiert man auf der Seite unten links den erstellen Code in sein CSS.

Beispiel:

body > #bg {
height: 100%;
width: 100%;
background-color: lightblue;
clip-path: ellipse(94% 75% at 49% 22%);
position: absolute;
z-index: -1;
}