圆角阴影垂直居中显示DIV
div.container{
position:fixed;
left:50%;
top:50%;
width:600px;
height:200px;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background-color:#930;
box-shadow: 0px 0px 8px #33FF00;
border-bottom-right-radius:50px;
border-top-left-radius:50px;
}
div.container>.subcon{
position:fixed;
left:50%;
top:50%;
width:300px;
height:100px;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background-color:#FF0;
box-shadow: 3px 3px 8px #f00;
box-shadow:inset 0px 0px 30px #f00;
border-bottom-right-radius:50px;
border-top-left-radius:50px;}
div.container>.subcon>.subsubcon{
position:fixed;
left:50%;
top:50%;
margin-top:2px;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background-color:#F30;
box-shadow: -2px 0 8px #f00,0px -2px 8px #000,0px 2px 8px #9e038a; border-bottom-right-radius:10px;
border-top-left-radius:10px;
padding:5px 2px 5px 5px;/*顺序--上右下左*/}
效果如下: