<div class="cup com"></div>
<div class="cup1 com"></div>
<div class="cup2 com"></div>
<style>
body{
background:#62306D;
}
.com{
width: 100px;
height: 100px;
background: #F7EC7D;
border-radius:150px 150px 0 0;
position:absolute;
}
.cup{
left:150px;
top:50px;
}
.cup1{
transform:rotate(180deg);
left:250px;
top:150px;
}
.cup2{
transform:rotate(180deg);
left:50px;
top:150px;
}
</style>