如何解决具有平滑度 css 的背景形状
如何在后台创建此形状。我尝试使用径向渐变,但仍然没有圆形的平滑度。我也尝试过剪辑路径,但它正在剪切我在此页面上的其他图像。我想要这个形状作为我的背景颜色。有什么办法吗?
我用过 背景图像:径向渐变(圆圈最远角为 50% -249%,#117FC8,90%,白色 55%)。但在这个圆形有小方。我想要平滑的曲线。
解决方法
这里我使用 -e
创建那个形状
::before
div {
position: relative;
height: 200px;
width: 300px;
border: 1px solid #000;
overflow: hidden
}
div::before {
content: '';
position: absolute;
height: 300px;
width: 600px;
background-color: #00f;
border-radius: 50%;
bottom: 60px;
left: -150px
}
您可以使用 SVG 形状而不是 CSS 形状。 MDN reference
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。