如何解决两段之间的曲线弧
如何使用 CSS 或 SVG 在两个部分之间制作弯曲的弧线,如下所示: (灰色部分和蓝色页脚之间的橙色弧线)
解决方法
多个背景和剪辑路径
.box {
height:300px;
background:
radial-gradient(75% 95% at 56% 100%,blue 99%,transparent)
orange;
clip-path:ellipse(80% 100% at 50% 100%)
}
<div class="box"></div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。