CSS div椭圆形(CSS div oval shape)

CSS div椭圆形(CSS div oval shape)

有人可以帮助我从div中删除吗？

该死的，每个人都在贬低，尽管甚至不是一个有效的答案。

编辑

找到了可能的解决方案，但没有SVG的知识。也许有人可以帮助我。

HTML：

<svg viewBox="0 0 400 150"> <path opacity="0.6" fill="red" d="M0,10 Q0,0 10,0 Q195,40 390,0 Q400,0 400,10 Q390,75 400,140 Q400,150 390,150 Q195,100 10,150 Q0,150 0,140 Q10,75 0,10" /> </svg>

CSS：

svg { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

Can someone help me out making such a cut out from div?

Found possible solution,but dont have knowledge in SVG.Maybe someone can help me out.

HTML:

<svg viewBox="0 0 400 150"> <path opacity="0.6" fill="red" d="M0,10 Q0,0 10,0 Q195,40 390,0 Q400,0 400,10 Q390,75 400,140 Q400,150 390,150 Q195,100 10,150 Q0,150 0,140 Q10,75 0,10" /> </svg>

CSS:

svg { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

最满意答案

body {overflow-x：hidden} svg {left：47％; position：relative; top：-24％; transform：translate（-50％， - 50％）; width：2000px;}

body { overflow-x: hidden } svg { left: 47%; position: relative; top: -24%; transform: translate(-50%, -50%); width: 2000px; }