2011-06-16 51 views
10

css如何只显示影子rightbottom部分?css影子只有右和底

我知道box-shadow可以设置底部。但如何设置在-webkit-box-shadow-moz-box-shadow

谢谢。

box-shadow-bottom: 0px 4px 4px black;

回答

8

箱阴影:

第一个参数:底部偏移,第二:右偏移,第三:模糊,第四:对于-moz颜色 和-webkit它是相同的。因此,对于4PX的右下影线的4PX模糊:

-moz-box-shadow-bottom: 4px 4px 4px black; 
-webkit-box-shadow-bottom: 4px 4px 4px black; 
box-shadow-bottom: 4px 4px 4px black; 
+0

多亏了详细的介绍。 – 2011-06-16 21:04:49

+0

我无法得到这个在Firefox中工作..... – Mike 2013-06-25 02:33:56

+1

你的意思是盒子阴影,而不是盒子阴影底部? Chrome浏览器根本无法识别box-shadow-bottom。 – codemagician 2015-11-13 06:25:22

13

同样的方式,我敢肯定:

-moz-box-shadow: 10px 10px 5px #222; 
-webkit-box-shadow: 10px 10px 5px #222; 
box-shadow: 10px 10px 5px #222; 
+0

谢谢。这是我需要的。 – 2011-06-16 21:03:33