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;
}