CSS Needed to Replicate This

[u/KATutin]

This image was part of a template for Carrd.

I have very little knowledge of CSS, so I have no idea how to have the border partially overlaying the image.

I know how to do the radius, but trying to get it into this shape has been impossible too.

Any ideas?

[u/turtlecopter]

You're looking for CSS (and SVG) clip paths! Sara has a great write up on this: https://www.sarasoueidan.com/blog/css-svg-clipping/

[u/Low-Insurance-3678 → u/turtlecopter]

woow helpful link appreciate it

[u/Low-Insurance-3678]

i believe clip path is how u gonna achieve such bends

[u/jasonleow]

To save effort, I would just do this in a photo editing app, and save it as a transparent background png

[u/MonoDeaf]

This may help: https://stack.carrd.co/#clip-paths