css实现一个矩形裁剪掉一个半圆的效果

效果图

代码实现

html部分

<div class="box"></div>

css部分

.box{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 74px;
}
.box::after{
    content: '';
    display: block;
    box-sizing: border-box;
    border-radius: 50% 0 0 50%;
    outline: 20rem solid #ababab6e;
    position: absolute;
    right: 0;
    height: 105%;
    width: 74px;
}