SVGウェーブディバイダージェネレーター — 波の数、振幅、高さ、色をカスタマイズ。垂直反転、パターンのランダム化、SVGとCSSポジショニングコードのエクスポートが可能。 ToolNextの無料オンラインツールとして提供されています。
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 100" preserveAspectRatio="none"> <path d="M 0 100 C 150 60, 450 0, 600 50 C 750 60, 1050 0, 1200 50 L 1200 100 L 0 100 Z" fill="#1677FF" /> </svg>
.section-divider {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
}
.section-divider svg {
position: relative;
display: block;
width: calc(100% + 1.3px);
height: 100px;
}