image.png
.main_left_bottom {
width: 100%;
height: 34%;
position: relative;
}
.main_left_bottom::before {
position: absolute;
content: "";
display: block;
top: 34px;
left: 155px;
width: 70px;
height: 90px;
border-radius: 2px 0 0 2px;
background: radial-gradient(70px at right, transparent 97%, #007297 50%);
background: radial-gradient(70px at right, transparent 97%, #007297 50%);
z-index: 2;
}
.main_left_bottom::after {
position: absolute;
content: "";
display: block;
top: 34px;
right: 155px;
width: 70px;
height: 90px;
border-radius: 2px 0 0 2px;
background: radial-gradient(70px at left, transparent 97%, #007297 50%);
background: radial-gradient(70px at left, transparent 97%, #007297 50%);
z-index: 2;
}
css屬性
線性漸變 linear-gradient()
徑向漸變 radial-gradient()
參考文章：https://www.shuzhiduo.com/A/6pdDvk6lJw/
