Wie erstelle ich diese Form nur mit CSS? [Duplikat] ⇐ CSS

[Guest]

Ich möchte diese Form mit CSS erstellen, aber die obere rechte Ecke funktioniert nicht.
Geben Sie hier die Bildbeschreibung ein
Das ist der gesamte Code, den ich habe.< /p>

Code: Select all

ul.rounded-tabs li {
display: inline-block;
background: #ccc;
margin: 0 40px;
padding: 0.625rem 2rem;
position: relative;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
cursor: pointer;
}

ul.rounded-tabs li:after {
content: '';
height: 20px;
width: 20px;
background: #ccc;
position: absolute;
top: 0;
right: -20px;
z-index: 1;
}

ul.rounded-tabs li span:after {
content: '';
height: 40px;
width: 40px;
background:transparent;
position: absolute;
top: 0;
right: -40px;
z-index: 2;
border-radius: 50%;
}