在CSS中创建曲线三角形弧
有没有可能用CSS创建一个类似弧形三角形的东西？（看蓝色区域） 我可以用一个椭圆形的白色div来创造这种效果，另一个椭圆形div位于蓝色div之上，所以它给人一种弧形的错觉。然而，这是不好的，因为我需要圆弧所在的地方的透明度，而不是有一个白色区域被白色椭圆挡住在CSS中创建曲线三角形弧,css,Css,有没有可能用CSS创建一个类似弧形三角形的东西？（看蓝色区域） 我可以用一个椭圆形的白色div来创造这种效果，另一个椭圆形div位于蓝色div之上，所以它给人一种弧形的错觉。然而，这是不好的，因为我需要圆弧所在的地方的透明度，而不是有一个白色区域被白色椭圆挡住 我想创建一个整体或两个部分，我可以将它们彼此相邻设置以构成一个整体。您可以通过将边框顶部半径应用于伪元素来实现这一点： div{ 背景：蓝色； } div：：之后{ 内容：''； 显示：块； 背景：白色； 边界左上半径：50%； 边界右
我想创建一个整体或两个部分，我可以将它们彼此相邻设置以构成一个整体。您可以通过将边框顶部半径应用于伪元素来实现这一点：
div{
背景：蓝色；
}
div：：之后{
内容：''；
显示：块；
背景：白色；
边界左上半径：50%；
边界右上角半径：50%；
高度：75px；
}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="360px" height="288px" viewBox="0 0 360 288" style="enable-background:new 0 0 360 288;">
<style type="text/css">
.st0{fill:#03B3DB;}
</style>
<path class="st0" d="M91.7,109.1V78.6h190c0,0-38-0.4-104.9,7.4C117.7,92.9,91.7,109.1,91.7,109.1z"/>
</svg>
.st0{fill:#03B3DB；}
div{
背景图像：线性渐变（黑色、黑色）；
背景尺寸：100%30px；
背景重复：无重复；
高度：30px；
位置：相对位置；
溢出：隐藏；
填充底部：80px；
}
div：：之后{
内容：''；
高度：160px；
宽度：100%；
位置：绝对位置；
边界半径：50%；
盒影：0px-80px 0px 100px蓝色；
顶部：30px；
z指数：-1；
}