console
<div class="bg">
<div class="block">
<div class="block1"></div>
<div class="block2"></div>
<div class="block3"></div>
</div>
</div>
.bg {
width:100%;
height:100%;
background:#fff;
}
.block {
border:10px solid rgba(0,0,128,0.5);
width:100px;
height:100px;
border-radius: 50%;
position: relative;
transform: rotate(40deg) scale(0.5,0.5);
}
.block1,.block2,.block3 {
background:rgba(0,0,128,0.5);
position: absolute;
}
.block1 {
width:30px;
height:10px;
top:65px;
left:25px;
border-radius: 5px 0 0 5px;
}
.block2 {
height:50px;
width:10px;
top:15px;
left:55px;
border-radius: 5px 5px 0 0;
}
.block3 {
width:10px;
top:65px;
left:55px;
height:10px;
border-radius: 0 0 5px 0;
}