css写一个左侧滑出菜单，菜单的背景为半圆弧

可以使用CSS3中的transform和border-radius属性实现左侧滑出菜单，菜单的背景为半圆弧。下面是一个简单的示例代码：

HTML部分：

<div class="menu">
  <ul>
    <li>菜单项 1</li>
    <li>菜单项 2</li>
    <li>菜单项 3</li>
  </ul>
  <div class="half-circle"></div>
</div>

CSS部分：

.menu {
  position: fixed;
  top: 0;
  left: -200px;
  width: 200px;
  height: 100%;
  background-color: #fff;
  transition: all 0.3s ease-out;
}

.menu.show {
  left: 0;
}

.menu ul {
  list-style: none;
  margin: 0;
  padding: 20px;
}

.menu ul li {
  margin-bottom: 10px;
}

.half-circle {
  position: absolute;
  top: 50%;
  right: -100px;
  width: 200px;
  height: 100px;
  border-radius: 0 100px 100px 0;
  background-color: #fff;
  transform: translateY(-50%);
}

这段代码实现了一个左侧滑出菜单，菜单的背景为半圆弧。需要注意的是，菜单的背景半圆弧是通过一个绝对定位的div元素实现的，它的右侧超出菜单的宽度，这样才能实现半圆弧的效果。同时，要通过JavaScript或者其他方式控制菜单的显示和隐藏，可以给菜单元素添加一个类名来实现。