How to make this corner round

HTML-CSS
1

Folder
Folder898×672 8.16 KB

code at Folder HTML-CSS (codepen.io)

2

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;
}
3

No…Not like this.

Folder-Ex
Folder-Ex847×597 217 KB

4

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
5

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