2013-10-31 26 views
1

我有這個網站在這裏:CSS 3的box-shadow各地

http://artendijen.com/susan_dev/

和我身邊有我的資產淨值箱箱的影子,我期待有陰影有點小,顏色看起來更像是一個陰影和四周,除了左側,只有頂部,底部和右側。這可能嗎?

box-shadow: 10px 10px 5px #000; 
+0

只是不,如果你想這一切走動的身影;並使用透明的顏色來獲得更真實的顏色:'box-shadow:0 0 5px rgba(0,0,0,.5)' – darthmaim

回答

2

箱陰影的語法是這樣的(忽略insetspread):

box-shadow: <offset-x> <offset-y> <size> <color>; 

所以有陰影更小,減小尺寸。 要使陰影處於不同的位置,請更改偏移。 要獲得更逼真的顏色,請嘗試更透明的顏色。

例如,這就像你希望它會給出一個結果:

box-shadow: 5px 0px 3px rgba(0,0,0,.5);