@Constructive

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

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

Пример рамки: https://yadi.sk/i/TZNp8uvnqPCug
Как сделать так, чтобы границы рамки тянулись по ширине колонки? Возможно ли это в принципе? Спасибо.
  • Вопрос задан
  • 396 просмотров
Решения вопроса 1
В данном случае - ни как, без плясок и кучи лишних файлов. Проработайте дизайн так, чтобы он позволял сжимать/расширять рамку и после этого вопрос сам по себе отпадет за ненадобностью.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
alsopub
@alsopub
Если размеры не сильно варьируются, возможно подойдет растягивание фона.
Напрмер - codepen.io/anon/pen/EKWBGp
Иначе если надо качественно - придется рисовать сриптом с учетом текущих размеров.
Ответ написан
HamSter007
@HamSter007
HTML/CSS верстальщик
А если попробовать сделать всю эту рамку фоном, а не для каждой границы и применить background-size: cover

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

P.S: Если картинку(рамку) нормально вырезать по размерам, выглядеть лучше будет
Ответ написан
TMGLUK
@TMGLUK
UX-дизайнер
Мне кажется, тут идеально подойдёт border-image
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы