javascript - 如何创建带背景重复的梯形div

Question

我想在 div 中制作这样的图像背景，如下图所示。 但我找不到任何合适的 css 或 js 属性。 有没有人可以帮助找出这怎么可能？

Answer 1

看起来像 CSS 3D 变换。这是 webkit 的实现方式，根据需要调整 Angular 和视角。您必须为其他浏览器找到等效的东西，我认为它还没有完全标准化。

只需将此 CSS 应用于包含背景图片的 div。我使用本页顶部可爱的 stackoverflow Logo 对此进行了测试，它是一个带有背景图像的 div。

编辑:这里也是红色边框。不知道它是否是图像的一部分，或者您是否也需要 CSS。

-webkit-transform: perspective(500) rotateY(-60deg);
border: 3px red solid;