Benutzer-Werkzeuge

Webseiten-Werkzeuge


programmieren:grafik:clip_path

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;
}
Cookies helfen bei der Bereitstellung von Inhalten. Diese Website verwendet Cookies. Mit der Nutzung der Website erklären Sie sich damit einverstanden, dass Cookies auf Ihrem Computer gespeichert werden. Außerdem bestätigen Sie, dass Sie unsere Datenschutzerklärung gelesen und verstanden haben. Wenn Sie nicht einverstanden sind, verlassen Sie die Website. Weitere Information
programmieren:grafik (28 views) · Zuletzt geändert: 21/01/2021 13:49 von conny