gpt4 book ai didi

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

转载 作者:可可西里 更新时间:2023-11-01 13:35:39 25 4
gpt4 key购买 nike

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

例如,如果我有一个 10px x 10px 的图 block

每次重复瓷砖时,我想将它从顶部移动 10 像素,所以我将实现的是

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

那么有没有现成的解决方案,或者 Canvas 只是可行的方法(在 canvas 中完成,然后将其用作背景)

最佳答案

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

引用:http://www.w3.org/TR/css3-background/#backgrounds

关于html - 在 CSS 中重复具有任意偏移量的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17189731/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com