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

Question

[poniatowski]

Понадобилась кастомная рамка.
Имею два изображения: одно на боковые грани, одно на углы.
боковины - 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

Answer 1

[RAX7]

Сначала нужно сделать изображение для рамки.
Картинка режется вот по такой схеме:

В твоем случае будет типа такого

figbam-frame

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