相关疑难解决方法(0)

用CSS曲线底部的div到内部

我想用CSS修改这个矩形div/background的底部,所以结果是这样的:

在此输入图像描述 是否有人有想法如何实现?

.curved {
  margin: 0 auto;
  width: 800px;
  height: 500px;
  background: lightblue;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div class="curved"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css css-shapes

6
推荐指数
2
解决办法
3139
查看次数

使用 css 从上到下弯曲背景颜色中心

我试图在背景颜色的中心添加一条轻微的曲线。我正在尝试应用线性渐变背景颜色,然后它会被切断并变成白色背景。

我想在中心应用这条轻微的曲线,如下所示:

CSS 背景图片

我尝试通过添加边框底部的左右半径来弯曲背景来实现此目的,这确实有效,但曲线更多地应用于边缘,而我试图从中心稍微弯曲。

这是我的代码的示例:

.content-container {
  height: 150px;
  background: linear-gradient(180deg, #FAFDFF 0%, #E8F3F9 100%);
  border-bottom-left-radius: 13%;
  border-bottom-right-radius: 13%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="content-container">
<p>Testing</p>
<br/>
<br/>
<p>Testing</p>

</div>
Run Code Online (Sandbox Code Playgroud)

我尝试过使用负百分比来使曲线更靠近中心,如上图所示,但我没有运气。我怎样才能实现与上图类似的效果?

html css

3
推荐指数
1
解决办法
1808
查看次数

标签 统计

css ×2

html ×2

css-shapes ×1