Сделать определенный радиус границы CSS

Question

Может ли кто-нибудь помочь мне создать радиус границы, как это, пожалуйста? Я пытаюсь использовать радиус границы, но это не дает мне точного результата. пограничный радиус, о котором я говорю, является фиолетово-розовым с левой стороны.

Answer 1

Похоже, это только круги (border-radius: 50%;). Нажмите «Выполнить фрагмент кода», чтобы увидеть что-то подобное.

.big { 
 
    width: 200px; 
 
    height: 200px; 
 
    border-radius: 50%; 
 
    background: pink; 
 
    position: relative; 
 
} 
 

 
.small { 
 
    width: 40px; 
 
    height: 40px; 
 
    border-radius: 50%; 
 
    background: purple; 
 
    position: absolute; 
 
    top: 50%; 
 
    left: 50%; 
 
    box-shadow: rgba(0, 0, 0, 0.2) 3px 0 5px; 
 
}

<div class="big"> 
 
    <div class="small"> 
 
    </div> 
 
</div>