Генератор CSS-зигзага

Этот генератор CSS-зигзага создает адаптивные разделители с встроенным SVG-фоном. Настройте ширину, высоту, цвет, градиент, количество и высоту пиков, направление и позицию вершины, затем скопируйте CSS или скачайте SVG.

Форма

Размер

Ширина px

Высота px

Responsive

Цвет

Ширина рамки: {{ strokeWidth }}px

Zigzag

Peaks: {{ peakCount }}

Высота: {{ peakHeight }}px

Vertex: {{ vertexPosition }}%

Horizontal Shift: {{ shift }}%

Show Guide

Сжать

Фон

Предварительный просмотр {{ safeWidth }} x {{ safeHeight }} px

CSS

SVG