SVG Hintergrund mit CSS verwenden - Amplus WP-Praxis

Es gibt viele Möglichkeiten, wie man Hintergründe auf Webseiten verwenden kann. Farben, Verläufe, Bilder & Videos.

Eine weitere Methode ist das Einbinden von SVG-Grafiken mittels CSS. Auf der Seite https://www.svgbackgrounds.com/, gibt es eine coole Sammlung an Hintergründen, welche man kostenlos verwenden kann. 

In Divi kann man die SVG-Hintergründe relativ einfach einbinden, wie Ihr an den folgenden Beispielen sehen könnt.

Background 1

Background 2

Background 3

Update: Mit der Hintergrundfunktion von Divi lassen sich auch Bild-Patterns umsetzen, wie in dem folgenden Beispiel. Hier handelt es sich um ein kleines Bild, welches sich unendlich oft wiederholt damit es ausschaut als wäre der Hintergrund ein einziges grosses Bild wie z.B. eine Kreidetafel.

https://wp-praxis.ch/kreidetafel/