在线 SVG 波浪分隔线生成器,调整波浪数量、振幅、高度和颜色,支持翻转和随机化,生成可直接用于网页的 SVG 代码和 CSS 定位样式。
<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;
}