CSS可以实现很多惊艳的效果，比如两边半圆。下面是一个简单的示例：

.half-circle {
width: 100px;
height: 50px;
border-radius: 0 50px 50px 0;
background: red;
}

这样就可以实现向右的两边半圆了。其中，border-radius属性是关键，它设置四个角的圆角大小，分别是上左、上右、下右、下左，我们只需将左侧的两个角设置成圆角即可。

如果要实现向左的两边半圆，也很简单，只需将border-radius改为border-radius: 50px 0 0 50px;即可。

需要注意的是，这里的圆角大小需要根据元素的宽高比例来设置，才能达到我们想要的效果。

除了这种方式，还可以使用clip-path属性来裁剪出两边半圆的形状。具体实现可参照以下代码：

.half-circle {
width: 100px;
height: 50px;
background: red;
clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0 50%);
}

clip-path属性可以自由定义多边形的形状，这里的代码是定义了一个五边形，通过调整坐标可以得到不同的形状。