箱子陰影只在div角落

我有一個盒子陰影的問題。我需要在這個圖像上只有div的底角纔有陰影。 Deos有誰知道如何做到這一點？在此先感謝您的幫助。 enter image description here 箱子陰影只在div角落

2013-08-19 MrCkobe

[CSS3「Lifted Corners」Drop-Shadow with Opacity]可能重複（http://stackoverflow.com/questions/16067109/css3-lifted-corners-drop-shadow-with-opacity） – apaul

我正在分享工作鏈接到示例。

您可以使用css3來做到這一點。

2013-08-19 09:05:17

我試過這個，但是直到我給出z-index：0或更高時纔可見。什麼可能是一個問題？ – MrCkobe

可能是因爲你有其他父母有更高的z-index分配......共享'HTML'和'CSS' –

你是對的，父母的元素是問題 – MrCkobe

您應該使用:before和:after僞CSS選擇器。

有過程的一個很好的說明和教程在這裏：CSS Drop-shadows

這裏的效果演示：Demo page

如果您使用SASS/SCSS頭在here搶一個mixin自動生成爲你效果。

2013-08-19 09:06:48 cowcowmoomoo

回答