html - クリップで背景を繰り返しますか?

Question

セクションに使用しているこの背景があり、上部にある小さな矢印の彫刻から始まります。

ただし、真ん中の部分にテクスチャを残して、上の矢印の部分を切り抜くことを繰り返すと、それを取得しようとしています。webkitのようなものでそれが可能かどうか疑問に思っていましたか? ありがとう

Answer 1

できません。そうするための別の方法を考え出す必要があります。これを行うにはいくつかの方法があります。個人的には矢印のみを使用しますが、他のすべての影には内側のボックスシャドウを使用します。このようにすると、使用する画像が小さくなり、常にコンテナのサイズに収まります。

Answer 2

ポインターから背景画像を分割し、2 つの別個のスプライトを作成します。ポインターを巧妙に操作して、同じ画像内の 4 方向すべてを指すようにすることができます。これにより、ソースからすべての方向にバブルをポップアップさせることができます。

Answer 3

使用可能なスプライトで x と y の両方を繰り返すことはできません。

プロジェクトには最大 3 つのスプライトがあります。

1 つは非反復要素用、もう 1 つは反復 x 用、もう 1 つは反復 y 用です。

clipプロパティはほとんど役に立たないと思います。