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

因此，我正在尝试在CSS的高级领域练习CSS技能，我必须说，我在用以下设计重新创建DIV时遇到了困难：

所以本质上我希望div有一个“异常的多边形形状/边框”，但我不知道该怎么做（还有一个长方体阴影）。我相信你可能会使用剪辑路径？但我不是百分之百肯定

---

编辑：为了更清楚，我试图找到一个解决方案，它允许：响应能力，异常形状周围的边界半径，还有一个方框阴影，这比其他一些问题更复杂，

你要找的单词之一->SVG，剪辑路径

请看这里->

---

或者在这里->

有些，但不是全部。我已经知道剪辑路径的诀窍，但它不能解决我使用框阴影的解决方案。“剪辑路径”将剪切路径以外的任何内容，包括阴影。阅读所有答案，我看到的不仅仅是剪辑路径。一种是使用透视图来创建效果。我可以试一试。我认为这可能有点棘手，以使div响应。实际上，在这个主题上，这种技术可能不太适合边界半径，根据我发布的图像。因此，从本质上说，我正试图想出一种方法来提供方框阴影、边框半径、异常形状和响应能力。你说的，但只是寻找提示-->我给了你更多提示，这样你就可以花点力气尝试一下我给你的？作为一个旁注，你的问题是题外话，CSS技巧文章是非常有用的。谢谢你