Wie man diese Blase nur mit CSS erstellt ⇐ CSS

[Guest]

Ich möchte das Hintergrundbild dieses Bildes nur mit CSS erstellen.



Ich habe es versucht, aber es scheint nicht zu klappen. Dies ist der Code, den ich habe und den ich zu reparieren versucht habe, der aber nicht richtig ausgegeben wird.

Code: Select all

ul.tabs li {
display       : inline-block;
position      : relative;
margin        : 0 0 0 5px;
padding-left  : 0;
padding       : 0.625rem 1.3rem;
background    : #000;
border-radius : 25px 25px 0 25px;
cursor        : pointer;
}
ul.tabs li:after {
content       : '';
height        : 20px;
width         : 20px;
background    : transparent;
position      : absolute;
bottom        : 0;
right         : -5px;
border-radius : 10px 10px 10px 10px;
box-shadow    : 0 10px 0 0 #000;
}
ul.tabs li a {
font-family     : timeburner;
text-transform  : uppercase;
font-weight     : bolder;
font-size       : 18px;
letter-spacing  : 2px;
text-decoration : none;
}