背景に使用するパターンを探していたときに、このパターンを見つけました。
現在、サイトの背景に使用しています。
問題は、パターンが再現できないことです。
私はそれを体の背景として設定しているので、この css を使用すると、新しい写真が始まるたびに非常に明白な継ぎ目が得られます。
body {
background:url(../images/testbackground.jpg) repeat;
}
写真をより大きな写真に回転/反転することでこれを修正できることはすでに知っています。私はすでにそれをここでやった. そして、それは完全に機能し、再現性があり、サイトで見栄えがします(継ぎ目のミラーリングを除いて、それは無視できます)
問題は、私はインターネット接続が遅い人のために読み込み速度を最適化することに熱心であるため、本来あるべきサイズの 4 倍の背景を持つことは私にはうまくいかないことです.
コードを使用して写真を回転/反転する方法はありますか? 複雑な jQuery/javascript スクリプトを使用する必要はありませんが、現実的には、使用する必要があることはわかっています。
これを行うスクリプトを知っている人はいますか?
回転する必要がある方法のリファレンスは次のとおりです。