DEV Community 👩‍💻👨‍💻

Discussion on: Recreating `border-image` with `background-image` for the curious

Collapse
abhinav1217 profile image
Abhinav Kulshreshtha

I don't any benefit of doing this? If you could provide a codepen or before-after screenshot of final output, maybe it could provide some context on why would someone choose to make 8 network calls for something which ideally shouldn't even need it.

Collapse
jsnkuhn profile image
jsnkuhn Author

Codepen is now included.

To be fair if the border-image-source begin used is symmetrical you might only need 3 network requests (one for left/right border, one for top/bottom border and one for the corners)... Or with an SVG fragment identifiers could be used on 1 single image. But yes it's still likely much more work then just using border-image proper.