.ant
{
position:relative;
top:-272px;
left:-275px;
transform: scale(0.13);
background:#ffffff;
width:650px;
height:650px;
border-radius:80px;
opacity:1;
}

.ciel
{
position:relative;
top:0px;
left:0px;
width:650px;
height:650px;  
opacity:1;
border-radius:80px;
opacity:0.6
}
.dip
{
position:relative;
top:-562px;
left:59px;
width:500px;
border-style:solid;
border-width:0;
transform-origin: center;
transform:  rotate(0deg) ;
transition-duration: 6s;
transition-timing-function:cubic-bezier(0.4, 0.4, 0.5, 0.98); 
}

.lh
{
position:relative;
top:-340px;
left:40px;
width:600px;
height:1px;
background:red;
opacity:0
}
.lv
{
position:relative;
top:-700px;
left:325px;
width:1px;
height:800px;
background:red;
opacity:0
}