Проблема тут:
.main
{
width:100px;
height:150px;
background:red;
border-radius:50px;
overflow:hidden;
}
.main div
{
width:50px;
height:150px;
background:white;
}
<div class="main">
<div></div>
</div>
Как можно видеть правая левая половина со скруглением отображает задний фон, как это пофиксить?
P.S linear-gradient не предлагать!