css 样式求教

Question

请问这种样式如何实现

Answer 1

clippath

或者如下

    .foot-bar{
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      height: 50px;
      background-image: radial-gradient(circle at 50% 0, transparent, transparent 30px, #fff 30px);
    }