先看下实现效果:(hh, 能节省不少代码)
html部分
<div class="content"></div>
css部分
<style>
html { height: 100%; }
body { height: 100%; display: flex; margin: 0; }
.content {
width: 300px;
height: 150px;
margin: auto;
-webkit-mask: radial-gradient(circle at 0, transparent 20px, red 0);
background: linear-gradient(45deg, orange, red); }
</style>