html - 在 CSS 中重复具有任意偏移的背景

Question

好吧，我想知道我们是否可以在 CSS 中重复具有任意偏移的背景？我的意思是我们可以在每次渲染它时“移动”一个平铺 x 和 y 像素吗？用例可能是马赛克、图案和很多东西，甚至等距平铺也可以使用它来实现。

例如，如果我有一个 10px x 10px 的图块

每次重复瓷砖时，我想将其从顶部移动 10px，所以我将实现的是

[//]
    [//] 
        [//]
            [//]

那么是否有任何现有的解决方案或者 Canvas 只是要走的路（在画布中做，然后将其用作背景）

Answer 1

从 CSS3 开始，这不能仅使用 CSS 样式来完成。重复图案在 x（水平）方向、y（垂直）方向、两个方向同时或两者都不是（单个图像）是周期性的。

参考：http ://www.w3.org/TR/css3-background/#backgrounds