CSS框阴影查询

CSS框阴影查询,css,Css,我在摆弄CSS框阴影属性。当我将角度保持在90度并与底部保持一定距离时,似乎无法获得顶部边界阴影。有没有办法让上阴影和下阴影同时出现 这是你的电话号码 .某个班级{ -网络工具包盒阴影:0 8px 11px-5px#000; -moz盒阴影:0 8px 11px-5px#000; 盒影:0 8px 11px-5px#000; 利润率:20px; 背景:粉红色; 宽度:300px; 高度:300px } 框阴影允许多个逗号分隔的值。您可以实现您想要的效果,如下所示: .someclass {

我在摆弄CSS框阴影属性。当我将角度保持在90度并与底部保持一定距离时,似乎无法获得顶部边界阴影。有没有办法让上阴影和下阴影同时出现

这是你的电话号码


.某个班级{
-网络工具包盒阴影:0 8px 11px-5px#000;
-moz盒阴影:0 8px 11px-5px#000;
盒影:0 8px 11px-5px#000;
利润率:20px;
背景:粉红色;
宽度:300px;
高度:300px
}

框阴影
允许多个逗号分隔的值。您可以实现您想要的效果,如下所示:

.someclass {
    box-shadow: 0 8px 11px -5px #000,
                0 -8px 11px -5px #000;
}
确保还将其添加到相应的前缀声明中:

.someclass {
    -webkit-box-shadow: 0 8px 11px -5px #000,
                        0 -8px 11px -5px #000;
    -moz-box-shadow: 0 8px 11px -5px #000,
                     0 -8px 11px -5px #000;
    box-shadow: 0 8px 11px -5px #000,
                0 -8px 11px -5px #000;
}

什么之间有一定的距离?我的意思是我已经有底部阴影离框几个像素了。我想保持与底部相同的像素距离,但也有顶部阴影。我也不明白你想要什么,只是猜测这可能是你想要的。我想你应该读一下:你想要一个浮动阴影?也许只有变换。看看这页,例5:谢谢。我正要给自己的问题贴一个答案。我几分钟前就知道了。
.someclass {
    -webkit-box-shadow: 0 8px 11px -5px #000,
                        0 -8px 11px -5px #000;
    -moz-box-shadow: 0 8px 11px -5px #000,
                     0 -8px 11px -5px #000;
    box-shadow: 0 8px 11px -5px #000,
                0 -8px 11px -5px #000;
}