一款html5 canvas绘制波浪分割线,彩色波浪动画特效。适用于网页标题和正文分割线效果代码。
CSS样式
*, *:before, *:after { box-sizing: border-box; } html { font-family: "Lato", sans-serif; color: #333; font-size: 20px; line-height: 1.5; font-weight: 300; } body { margin: 0; padding: 0; background: #fff; } .header { background-color: #215; background-image: linear-gradient(to bottom, rgba(119, 17, 85, 0.5), transparent); mmin-height: 200px; padding: 2rem; color: #fff; text-align: center; } .content { min-height: 200px; padding: 2rem; margin: 0 auto; max-width: 900px; } .canvas-wrap { max-width: 100%; overflow: hidden; position: relative; } canvas { display: block; }