Задать вопрос
@poniatowski
верстка

Как создать рамку с помощью border-image и двух изображений?

Понадобилась кастомная рамка.
Имею два изображения: одно на боковые грани, одно на углы.
боковины - https://image.flaticon.com/icons/svg/7/7607.svg
углы - https://image.flaticon.com/icons/svg/27/27853.svg
Необходимо, чтобы все смотрелось корректно с учетом положения границ.
Как решить?

https://codepen.io/jacyna/pen/bzPqmp?editors=1100
  • Вопрос задан
  • 114 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
RAX7
@RAX7
Сначала нужно сделать изображение для рамки.
Картинка режется вот по такой схеме:
5c6ff3293b097808182087.png
В твоем случае будет типа такого
figbam-frame
5c6ff1977c845590059109.png


Получившуюся картинку уже можно будет использовать для border-image
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend-стажер React
Студия Oxem • Москва
от 20 000 до 80 000 ₽
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Спарсить ссылки на все товары конкретного продавца в озон
18 апр. 2024, в 20:13
2000 руб./за проект
Ещё заказы