背景图像上的CSS曲线

背景图像上的CSS曲线,css,svg,clip-path,Css,Svg,Clip Path,我的设计师给了我这个设计,我不知道如何处理图像上方和下方曲线的最佳方法 我考虑过剪辑路径,但不知道如何弯曲它。如果我能帮忙的话,我不想使用图像。您可以使用边界半径来实现这一点 .box{ 宽度:100%; 高度:100px; 背景颜色:浅蓝色; 边界半径:0%0%135%135%/0%0%255%255%; } 可能重复:可能重复:可能重复:

我的设计师给了我这个设计,我不知道如何处理图像上方和下方曲线的最佳方法


我考虑过剪辑路径,但不知道如何弯曲它。如果我能帮忙的话,我不想使用图像。

您可以使用边界半径来实现这一点

.box{
宽度:100%;
高度:100px;
背景颜色:浅蓝色;
边界半径:0%0%135%135%/0%0%255%255%;
}
可能重复:可能重复:可能重复: