CSS Quarter Circles

HTML

<div class="quarter-circle"></div>

CSS

.quarter-circle{
     width: 100px;
     height: 100px;
     background: orange;
     border-radius: 50%;
     background-image: linear-gradient(0deg, white 50%, transparent 50%), linear-gradient(45deg, transparent 50%, white 50%)
}