CSS3 Box Shadow

Question

我正在使用CSS3属性

box-shadow: 2px 2px 2px 2px #CCCCCC;

它在右手侧和底部产生了这种奇怪的效果.如何使阴影在所有方面都相等？

Answer 1

使用

box-shadow: 0 0 2px 2px #CCCCCC;

代替

看到这个jsFiddle

前两个数值指定阴影的相对x和y偏移量.因此,你的阴影被(2px,2px)或2px向右和向下2px的向量移位/偏移.

第三个数值指定模糊,第四个数值指定阴影大小/展开,第五个数值指定颜色(以十六进制表示)

Answer 2

用这个:

box-shadow: 0px 0px 2px 2px #CCCCCC; /* Horizontal Length: px, Vertical Length: px, Blur Radius: px, Spread: px, Color */

你可以在这里测试CSS3:http://css3generator.com/