Подскажите как сделать

[Hasiev]

Сделал на сайте декоративную рамку, с помощью псевдоэлементов. Получается вот так (см.Скрин), то есть в определенный момент начинает действовать repeat-y.

Это можно как-то поправить, или нужно вырезать по-другому?

Скрытый текст

Само изображение

 

Edited December 6, 2017 by Hasiev

[wwt]

Что сделать по-другому? Если не хотите чтобы изображение повторялось, пропишите background-repeat: no-repeat;

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

[Hasiev]

@wwt. Ну да, только вырезать нужно правильно ..

Хотел узнать, есть ли другой способ, наверное нет.

Edited December 6, 2017 by Hasiev

[SelenIT]

Способы-то есть всегда — можно без псевдоэлементов через множественные фоны, можно вообще через border-image. Надо смотреть по конкретной задаче — что за блок, как он растягивается и вообще ведет себя при разных размерах окна и контента, есть ли другие элементы, которые не должны с ним перекрываться...

[Hasiev]

28 минут назад, SelenIT сказал:

Способы-то есть всегда — можно без псевдоэлементов через множественные фоны, можно вообще через border-image. Надо смотреть по конкретной задаче — что за блок, как он растягивается и вообще ведет себя при разных размерах окна и контента, есть ли другие элементы, которые не должны с ним перекрываться...

Да сделал уже на псевдоэлементах, там где не должен перекрываться, просто z-index делал больше ..

Все готово, единственное что не нравится, - стык. 

Вот сейчас думаю как вырезать эту рамку, что бы repeat-y был едва заметен ..