How to make this corner round

code at Folder HTML-CSS (

Like this?

.one {
    width: 35%;
    height: 12px;
    float: right;
    background-color: black;
    border-bottom: 12px solid #00c89e;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;

No…Not like this.

Well, I don’t know if CSS is the best tool and I’m certainly no CSS expert, but I think that would have to be a compound image, like you’d need a square in there that you rotate, or a trapezoid that only goes part the way up - in either case, needing three elements.

You might consider HTML canvas.

Is this a site? Can you inspect the DOM?

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.