Gerador de zigue-zague CSS

Este gerador de zigue-zague CSS cria divisores responsivos com fundo SVG incorporado. Ajuste largura, altura, cor, gradiente, quantidade e altura dos picos, direção e posição do vértice, depois copie o CSS ou baixe o SVG.

Forma

Tamanho

Largura px

Altura px

Responsive

Cor

Largura da borda: {{ strokeWidth }}px

Zigzag

Peaks: {{ peakCount }}

Altura: {{ peakHeight }}px

Vertex: {{ vertexPosition }}%

Horizontal Shift: {{ shift }}%

Show Guide

Compactar

Fundo

Visualizar {{ safeWidth }} x {{ safeHeight }} px

CSS

SVG