通過透明對象（div）顯示框陰影

我正在css3 3D頁面上工作，並且我想通過透明div顯示陰影，但是我無法使其工作...
我可以'使用跨度或任何東西，因爲它需要是因爲jquery動畫相同的對象。

基本DIV樣式：通過透明對象（div）顯示框陰影

#Div3{ 
     position:absolute; 
     border:1px solid white; 
     border-radius:10px;   
     transition: all 1s; 
     background:transparent; 
     pointer-events: none; 
    }

用於位置+陰影+ Adittional類變換：

.P3{ 
     top:22.5%; 
     bottom:25%; 
     right:25%; 
     height:55%; 
     width:20%; 
     margin-right:-10%; 
     box-shadow:10px 0px 15px rgba(255,255,255,0.6); 
     transform: perspective(1000px) rotateY(330deg); 
     -webkit-transform: perspective(1000px) rotateY(330deg); 
    }

結果：
的背景設置爲透明的，但它將不會顯示它後面的方塊狀陰影，

框陰影是否僅爲對象的輪廓生成陰影？
有沒有辦法讓它可見使用CSS？

來源

2013-05-15 Jeroen Vorsselman

-1

我不完全知道爲什麼不適合你。正如您可以在示例中看到的，框陰影確實顯示在透明背景上。

也許你應該嘗試在你的元素的第一類定義上放置陰影＃Div3。

.cartContainer{ 
width:150px; 
height:60px; 
border-radius:10px; 
background:transparent; 
float:left; 
margin:-10px 0 0 15px; 
box-shadow:inset 0 0 5px #FFFF99, #333 0 0 5px;

}

實施例：Working fiddle

來源

2014-03-18 14:53:57

通過透明對象（div）顯示框陰影

回答

相關問題