Wissen

Wie eine Welle in die Seite kommt, wie sie läuft und was sie wiegt. Drei Artikel aus der Praxis.

SVG-Wellen als Section-Divider: sauber einbauen, ohne Kanten und Sprünge

Inline-SVG oder Hintergrundbild, welche Höhe, welche Farbe, wie der Übergang bei jeder Breite nahtlos bleibt. Mit fertigem Code für beide Wege.

Mateusz Viola · 07.09.2026 · Praxis

SVG-Wellen animieren: SMIL, CSS und JavaScript im Vergleich

Drei Wege, eine Welle laufen zu lassen: animateTransform im SVG, CSS-Keyframes auf Schichten, Pfad-Morphing per JavaScript. Was wo funktioniert, was es kostet und wann Bewegung schadet.

Jan-Tristan Rudat · 07.09.2026 · Technik

SVG-Wellen optimieren: kleiner, schärfer, schneller

Wie viele Stützpunkte eine Welle braucht, was Rundung und Kompression bringen, wann PNG doch die bessere Wahl ist und wie du Wellen barrierefrei einbaust.

Mateusz Viola · 07.09.2026 · Technik