使用CSS创建类似的图像

我想知道是否有人对我如何创建一个只使用css的容器有什么想法？可能是CSS3的Transform3d属性。 任何建议，我真的很好奇，看看扭曲的效果是否可以应用于矩形

有什么想法吗

---

您可以在SVG中执行此操作，并使其保持动态，因为SVG是XML。最简单的解决方案是动态切换多个不同颜色的PNG

---

至于保持文本的动态性，您的图像应该只是背景，文本可以保留在HTML中。

请不要将CSS用于此类形状/效果。虽然这实际上是可能的，但这种方法将非常复杂，无法维护。我建议看一看SVG/Canvas（最好是SVG）。图像也有自己的位置……在SVG中如何做到这一点？我希望能够动态设置颜色和文本，我知道CSS可能不是解决问题的方法，但我希望能从哪个方向入手提供帮助？？除非你需要高质量的效果（然后使用SVG），否则没有文本的图像是最好的方法。然后，只需基本的CSS定位即可将文本覆盖在图像上。