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