Hello guys,

I want to draw a white border on an image of which I have previously removed its background. Now it has a non-square form.

.shadow handles this like a pro: the shadow is applied along its complex borders.

But .border still adds a sqaure.

Here is an image: https://ibb.co/RH97TfQ

Any ideas how to add a border along its "real form"?

Help is much appreciated 🙏

Best

The .border() modifier can't do complex shapes like that. I would create a second instance of your image that is transparent except for your white border and then use the .overlay() modifier to layer your transparent border over your battery image.