Question

css3 内外同时有阴影

div{
box-shadow: 0px 0px 10px rgba(0,0,0,0.8) inset;
box-shadow: 0px 0px 5px rgba(200,200,200,0.5);
width:300px;
height:400px;
margin:40px auto;
background-color: rgba(20,20,20,50);
border-radius:4px;
border:2px solid rgba(70,70,70,1);
}

就像上面，如果写两个box-shadow下面的就会把上面的覆盖，有什么方法可以同时有内阴影和外发光效果？？（不要说用两层div，太麻烦了）

Answer 1

div{
box-shadow: 0px 0px 10px rgba(0,0,0,0.8) inset,0px 0px 5px rgba(200,200,200,0.5);
width:300px;
height:400px;
margin:40px auto;
background-color: rgba(66,66,66,0.2);
border-radius:4px;
border:2px solid rgba(70,70,70,1);
}

用 , 号并在一行

Answer 2

噢