css 3盒子影子左上方底部

嘿傢伙我正在玩css box-shadow屬性，我正在努力一點點。我試圖在盒子上創建陰影，但我只想在我的div的頂部，底部和左側應用陰影。css 3盒子影子左上方底部

這裏是我的CSS代碼，到現在爲止，但它是要適用於所有的4個方面，我不想的..

 box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);

感謝

來源

2015-10-26 Mll

您可能不再需要爲此屬性添加前綴。查看支持表：http://caniuse.com/#feat=css-boxshadow（注意：您需要點擊「全部顯示」才能找到需要前綴的瀏覽器版本） – Zaqx

此外，當您添加前綴，前綴的前綴應該總是最後的，因爲後來的屬性聲明會覆蓋之前的屬性聲明。 – Zaqx

謝謝你的解釋:) – Mll

試試這個：

-webkit-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75); 
-moz-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75); 
box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);

你也可以玩here。

來源

2015-10-26 20:24:45

謝謝。這是非常酷的發電機:) – Mll

css 3盒子影子左上方底部

回答

相關問題