效果图
代码实现
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;
}