Toolipedia Einbetten
DE
← Alle Text-Tools

SVG-Wellen-Generator

Geschichtete Wellen für Abschnittstrenner und Hintergründe, als SVG, PNG oder CSS.

  • Kostenlos
  • Ohne Anmeldung
  • Funktioniert auf jedem Gerät

Über SVG-Wellen-Generator

Erstellen Sie geschichtete Wellenformen, die Abschnitte einer Webseite ohne harte gerade Linie trennen. Legen Sie Anzahl der Ebenen, Höhe, Glätte und Farben fest und exportieren Sie dann SVG, PNG oder CSS. SVG-Wellen sind kleine Dateien und lassen sich mit preserveAspectRatio auf none auf volle Breite dehnen.

So verwenden Sie SVG-Wellen-Generator

  1. Lege die Anzahl der Ebenen, die Höhe und die Glätte der Wellen fest.
  2. Wähle die Farben jeder Ebene passend zu deiner Seite.
  3. Exportiere die Wellen als SVG, PNG oder CSS und platziere sie in deinem Layout.

Warum dieses Tool?

Auch bekannt als

Häufig gestellte Fragen

Wie mache ich einen Wellen-Trenner in voller Breite?

Setzen Sie die SVG-Breite auf 100 Prozent, geben Sie ihr eine feste Höhe und verwenden Sie preserveAspectRatio mit dem Wert none, damit sich die Kurve mit dem Bildschirm dehnt, statt Lücken zu lassen.

Wie drehe ich eine Welle, damit sie oben an einem Abschnitt sitzt?

Drehe das SVG per CSS-Transform um 180 Grad oder platziere die Welle oben und nutze dieselbe Füllfarbe wie der Abschnitt darüber.

Sollte ich den SVG- oder den CSS-Export nutzen?

Nutze SVG, wenn du die Form bearbeiten oder als Bild wiederverwenden möchtest. Nutze den CSS-Export, wenn du einen Hintergrund ohne zusätzlich zu ladende Datei möchtest.

Ist SVG-Wellen-Generator kostenlos?

Ja. SVG-Wellen-Generator auf Toolipedia ist kostenlos nutzbar, ohne Anmeldung und ohne Wasserzeichen.

Ist die Nutzung sicher?

Ja. Alles wird in Ihrem Browser berechnet, und nichts von Ihren Eingaben wird an unseren Server gesendet.

Funktioniert es auf meinem Smartphone?

Ja. Es funktioniert in jedem modernen Browser auf Android und iPhone sowie auf Tablets und Computern. Sie müssen nichts installieren.

Brauche ich ein Konto?

Nein. Öffnen Sie einfach die Seite und nutzen Sie das Tool. Keine Anmeldung, keine E-Mail-Adresse nötig.

Kann ich SVG-Wellen-Generator auf meiner eigenen Website einsetzen?

Ja. Nutze unter dem Tool die Schaltfläche „Auf deiner Website einbetten“, um ein kurzes Stück Code zu kopieren und in deine Seite einzufügen. Es ist kostenlos, braucht kein Konto, und das Tool funktioniert weiter innerhalb deiner Seite.

Ähnliche Tools