使用CSS / JS进行凸出/弯曲的方形

Question

对于如何描述这个问题一直不知所措，所以让我直接跳到预期的效果：

所以我不谈论方面或内容，而只是广场向前弯曲的方式。到目前为止，我已经能够找到无法在CSS中执行此操作的方法，但在向下Three.js路由时，有THREE.BendModifier。即使是那个我也无法生成上述（非常简单）的形状......除此之外我似乎无法想出一种方法将HTML元素绘制到WebGLRenderer首先。

请注意，我不是在寻找一个现成的解决方案（虽然我可能会奖励一个有赏金的解决方案），我所需要的只是一种通用方法，可以产生上述结果。考虑到webbrowsers中可能存在的所有事情，必须有一种方法......