Шөп салмаймын (Адал еркектің әні)


<div id="murt_box">
<div id="murt_left"></div>
<div id="murt_left_1"></div>
<div id="murt_right"></div>
<div id="murt_right_1"></div>
</div>
#murt_box {
position: relative;
width: 100px;
margin: 100px auto;
}
#murt_left {
width: 52px;
height: 52px;
background-color: #000;
position: absolute;
top: 100px;
border-radius: 50%;
}
#murt_left:before{
content: '';
position: absolute;
background-color: #000;
width: 210px;
height: 210px;
border-radius: 50%;
right: -38px;
bottom: -11px;
z-index: -1;
}
#murt_left:after{
width: 220px;
height: 220px;
background-color: #fff;
content: '';
position: absolute;
top: -212px;
left: -67px;
z-index: -1;
-webkit-transform: rotate(-48deg);
-moz-transform: rotate(-48deg);
-o-transform: rotate(-48deg);
transform: rotate(-48deg);
}
#murt_left_1{
position: absolute;
background-color: #fff;
width: 153px;
height: 153px;
border-radius: 50%;
left: -129px;
bottom: -137px;
}
#murt_right {
width: 52px;
height: 52px;
background-color: #000;
position: absolute;
top: 100px;
left: 70px;
border-radius: 50%;
}
#murt_right:before{
content: '';
position: absolute;
background-color: #000;
width: 210px;
height: 210px;
border-radius: 50%;
left: -38px;
bottom: -11px;
z-index: -1;
}
#murt_right:after{
width: 220px;
height: 220px;
background-color: #fff;
content: '';
position: absolute;
top: -212px;
right: -67px;
z-index: -1;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-o-transform: rotate(48deg);
transform: rotate(48deg);
}
#murt_right_1{
position: absolute;
background-color: #fff;
width: 153px;
height: 153px;
border-radius: 50%;
right: -151px;
bottom: -137px;
}