Вопрос CSS - повторение для x для двух разных изображений в разных направлениях

Question

Я играл с изображением на сайте только для практики, и мне было интересно, может ли кто-нибудь помочь мне с вопросом.

Я пытаюсь получить ветку, на которой змея распространяется в обоих направлениях. (используя background-repeat для x) Однако он будет соответствовать только одной стороне или другой. Есть ли способ заставить x повторить только для одной стороны изображения, поэтому я могу использовать две метки изображения дерева, и она будет совпадать с обеих сторон?

Спасибо за любой ввод или понимание, которое у вас может быть!

Answer 1

Как это будет работать? Представьте изображение как последовательность символов xyz.

Чтобы повторить изображение, мне нужно использовать:

xyz,xyz,xyz,xyz 

тех пор, пока стороны изображения (x и z) совпадениях, нет никакого способа, чтобы повторить его без получения рассогласования на границах между повторами.

Другими словами, исправьте изображение так, чтобы стороны совпадали.

Answer 2

Нет, вы не можете указать это.

Что нужно сделать, так это разделить страницу на 3 зоны: snake, left, right. Затем используйте разные повторяющиеся фоны для левого и правого.

Вы также можете исправить изображение змеи, чтобы оно совпало.

Answer 3

Вы можете использовать background-position xpos ypos, чтобы задать начальную точку фона. Переместите его, чтобы совпасть с изображением змеи.