Page 1 of 1

Wie man diese Blase nur mit CSS erstellt

Posted: 04 Jan 2025, 06:20
by Guest
Ich möchte das Hintergrundbild dieses Bildes nur mit CSS erstellen.

Image

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