不懂这个定位

.effect::before, .effect::after{

    content:"";

position:absolute; 

z-index:-1;

-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);

-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);

box-shadow:0 0 20px rgba(0,0,0,0.8);

top:50%;

bottom:0;

left:10px;

right:10px;

-moz-border-radius:100px / 10px;

border-radius:100px / 10px;

}

这里面的定位既然设置了top:50% 为什么要设置bottom：0  那位置到底是在哪 。还有后面的left：10px  right：10px  怎么定位的