Как создать этот пузырь, используя только CSS ⇐ CSS

[Anonymous]

Я хотел бы создать фон этого изображения, используя только CSS.

img здесь
Я пробовал, но, похоже, не получилось. Это код, который я пытался исправить, но не получилось.
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;
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... g-only-css