Generador de zigzag CSS

Este generador de zigzag CSS crea separadores responsivos con un fondo SVG incrustado. Ajusta ancho, alto, color, degradado, cantidad y altura de picos, dirección y posición del vértice, y luego copia el CSS o descarga el SVG.

Forma

Tamaño

Ancho px

Altura px

Responsive

Color

Ancho del borde: {{ strokeWidth }}px

Zigzag

Peaks: {{ peakCount }}

Altura: {{ peakHeight }}px

Vertex: {{ vertexPosition }}%

Horizontal Shift: {{ shift }}%

Show Guide

Comprimir

Fondo

Vista previa {{ safeWidth }} x {{ safeHeight }} px

CSS

SVG