在整个DIV周围添加CSS框阴影

Question

是否可以让阴影环绕整个DIV？

-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;

我知道属性的顺序是:

• 水平偏移
• 垂直偏移
• 模糊半径
• 颜色

但是我想知道是否有可能让阴影四处走动而不是只出现在一个边缘或一侧.

Answer 1

只需抵消零点？

-moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;

Answer 2

是的,不要垂直或水平偏移,并使用相对较大的模糊半径:小提琴

此外,如果用逗号分隔它们,则可以使用多个框阴影.这将允许您微调它们模糊的位置和扩展的程度.我提供的示例与大型无法区分outline,但可以进一步微调:小提琴

你错过了最后和最相关的财产box-shadow,这是spread-distance.您可以指定阴影扩展或收缩的值(使我的第二个示例过时):小提琴

完整的属性列表是:

box-shadow:[horizo​​ntal-offset] [vertical-offset] [blur-radius] [spread-distance] [color] inset？

但更好的是,阅读规范.

Answer 3

只需使用以下代码即可.它会影响整个DIV

__CODE__

希望这会奏效

Answer 4

CSS 代码将是：

box-shadow: 0 0 10px 5px white;

无论其形状如何，这都会遮蔽整个 DIV！