我想做如下形状:
我已经尝试了,但是如何将它们混合在一起呢:
.clal-loader{
display:flex;
}
.clal-loader div{
border: 10px solid #38477e;
border-left: 0;
border-bottom-right-radius: 100px;
border-top-right-radius: 100px;
width: 30px;
height: 30px;
}
.clal-loader div:nth-child(1){
border-color:#0cabec;
}
.clal-loader div:nth-child(2){
transform: rotate(-180deg);
position: absolute;
left: 25px;
z-index: -1;
}
<div class="clal-loader">
<div></div>
<div></div>
</div>
z-index
。 - ssc-hrep3