qq_梦里_0
2016-12-23 16:13
.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 怎么定位的
如果知道盒子的大小(width、height)采用绝对定位只需要x、y方向各一个定位就可以了,此处不知道盒子的大小(width和height),通过top:50%;bottom:0;left:10px; right:10px的绝对定位就知道了盒子的大小。
十天精通CSS3
242554 学习 · 2623 问题
相似问题