正确重复倾斜模式的 HTML 或 CSS 代码[关闭]

Question

我有一个图案，我想在我的网站上使用它作为背景，它有倾斜的形状。我想知道是否有 HTML 或 CSS 代码可以将第二个背景移近左侧，以隐藏白色获取并使其看起来更好。提前谢谢你。

斜纹

Answer 1

创建一个水平移动的新图像，这样你就有了矩形图案。我创建了图像但由于我没有原始图像，所以效果不佳。您可以使用它。

您的新图片在这里

div {
  background: url(https://i.stack.imgur.com/pvap7.png);
}

<div style=width:1000px;height:1000px></div>

---

图片制作说明

我使用程序 GIMP (http://gimp.org/)。它是免费的。

1. 使用模糊选择工具和Delete键删除白色区域（使其透明）。如果未启用透明度，请右键单击图层并启用它。
2. 复制图像（Ctrl-C，然后 Ctrl-V）
3. 使用移动水平移动它，这样两个副本之间就没有透明区域了。
4. 按 Ctrl-H（锚定浮动层）
5. 右键单击顶层并向下合并
6. 裁剪图像（图像→自动裁剪图像）
7. 将其裁剪到中心（Image→Canvas size...），设置宽度 264（一个“块”的宽度），然后单击 Center 按钮
8. 手动移除白色像素
9. 将其导出为 PNG（在 文件 菜单中）
10. 使用它