Good afternoon to all the community.
Is there a way to make this tab only with CSS?
I have tried to use a circle as a base and after and before the same, circles but I can not get the correct shape.
.scroller {
width: 80px;
height: 80px;
position: absolute;
top: -40px;
background-color: $secondary;
border-radius: 100%;
&:before {
content: '';
width: 80px;
height: 80px;
border-radius: 100%;
position: absolute;
left: -30px;
bottom: -18px;
border: 40px solid rgba($secondary, 0.5);
}
}