Как сделать резиновую верстку рамки с неровными, нарисованными границами?

Question

[Constructive]

Здравствуйте.

Пример рамки: https://yadi.sk/i/TZNp8uvnqPCug
Как сделать так, чтобы границы рамки тянулись по ширине колонки? Возможно ли это в принципе? Спасибо.

Answer 1

[Антон Щербаков]

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

Answer 2

[Алексей]

Если размеры не сильно варьируются, возможно подойдет растягивание фона.
Напрмер - codepen.io/anon/pen/EKWBGp
Иначе если надо качественно - придется рисовать сриптом с учетом текущих размеров.

Answer 3

[HamSter]

А если попробовать сделать всю эту рамку фоном, а не для каждой границы и применить background-size: cover

Либо такой вариант с наложением jsFiddle

P.S: Если картинку(рамку) нормально вырезать по размерам, выглядеть лучше будет

Comments

[Антон Щербаков]

Ублюдочно будет смотреться, это то же самое, что просто растянуть или сжать картинку. Опять очередной великий web-дизингер нарисовал творение, не думая о том, как это реализовать, не зная что такое стресс-тест верстки.

[HamSter]

Антон Щербаков: фильтруйте, пожалуйста!