CSS设计建议-具有边界半径和框阴影的异常CSS多边形

Question

因此，我试图在CSS的高级领域上练习我的CSS技能，我必须说，在使用以下设计重新创建DIV时，我变得非常沮丧：

因此，从本质上讲，我希望div具有“异常多边形形状/边界”，但我不知道如何进行此操作（也要加上框阴影）。我相信您可以使用剪切路径？但是我不确定100％。

编辑：更清楚地说，我正在尝试寻找一种解决方案，该解决方案可以：响应性，异常形状周围的边界半径也可以是盒子阴影，这比其他一些问题要复杂，

Answer 1

您要查找的kayword之一-> SVG，剪切路径

在这里看看-> How to make area be irregular shape not rectangle? 或这里-> https://css-tricks.com/creating-non-rectangular-headers/