Creating a diagonal border-left With css

Question

I am trying to create a diagonal border in this shape using some functions in CSS.

Is there a function in CSS: to create something like

This is the shape i had already create

This is a example how i want to transform it

a function or the code to reach something like this Wanted

Answer 1

If you're new to css you can try it using border-radius. It's fairly easy to shape elements but it's less customizable. In your case you can try "border-bottom-left-radius: 210px". Play around with the px value until you get what you need.

If you want full control over your shape you should use clip-path. More on how clip-path works here: https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path