嗯,我想知道我们是否可以在 CSS 中使用任意偏移量重复背景?从那我的意思是我们可以在每次渲染它时“移动”一个平铺 x 和 y 像素吗?用例可以是马赛克、图案和很多东西,甚至可以使用它来实现等距平铺。
例如,如果我有一个 10px x 10px 的图 block
每次重复瓷砖时,我想将它从顶部移动 10 像素,所以我将实现的是
[//]
[//]
[//]
[//]
那么有没有现成的解决方案,或者 Canvas 只是可行的方法(在 canvas 中完成,然后将其用作背景)
最佳答案
从 CSS3 开始,这不能仅使用 CSS 样式来完成。重复图案在 x(水平)方向、y(垂直)方向、两个方向同时出现或两者都不是(单个图像)上呈周期性。
关于html - 在 CSS 中重复具有任意偏移量的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17189731/