2011-06-16 34 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