That's a clever solution! There's an experimental way to do this in CSS - but it's not well supported yet:

https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outsi...

And likely this can be done with SVG as well.