在寻找用于背景的图案时,我发现了这个图案。
我目前正在将它用于我的网站背景。
问题是模式是不可重复的。
我将它设置为我身体的背景,所以如果我使用这个 css,我会在每张新图片的开始处得到非常明显的接缝。
body {
background:url(../images/testbackground.jpg) repeat;
}
我已经知道我可以通过将照片旋转/翻转成更大的照片来解决这个问题。我已经在这里做了。它工作得很好,它是可重复的,并且在现场看起来很好(你知道,除了接缝上的镜像,但这可以忽略不计)
问题是我很喜欢为互联网连接速度较慢的人优化加载速度,所以背景是它应该大小的四倍并不适合我。
有没有办法可以使用代码旋转/翻转照片?我宁愿不必使用复杂的 jQuery/javascript 脚本,但实际上我知道我必须这样做。
有谁知道这样做的脚本?
这是如何旋转的参考: