具有平滑度 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