I believe the stroke width in UI should be doubled because there is no “stoke-inside” attribute and the half of the width is clipped by the element itself.

https://developer.mozilla.org/fr/docs/Web/CSS/border-image
would the latter be more optimised by the browser ? Less pixel artifact ?

In my use case, I have an animated border using RAF.

According to this, escaping isn't necessary when using url('data:image/svg+xml;utf8,<svg ...> ... </svg>')

Hi. Thanks for your amazing library 👍
Super useful.

I'm going to use it for bordering.
Do you have any idea how I can cut the left side of the border?
I mean, having a border only on top, right & bottom.

Thanks in advance 💯

Hello! First - thank you so much for the awesome tool!

I've got some troubles to tune stroke color. It has some strange format and simple hex color doesn't work.

I've just put stroke-opacity='0.8' to make it a bit fade.

It would be nice to have an option to change stroke color and stroke opacity.

Can you please add select options for border radius value. Now when adding width and height above 210 border radius remains same (100px).

This solution works perfectly unless you need responsive radius, based on rem value.

To solve it, I was thinking to add a js code on resize so it changes rx and ry depending on rems.

The page is loading but the tool itself isn't working. Seems to be throwing a Vue.js error in the console. Tried in two different browser, same error.