Как создать этот пузырь, используя только 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