：之前/：在僞元素不轉換與父

Question

在這Link我有一個div旋轉懸停，我想知道是否有可能使用：before或：after作爲陰影。在這個例子中：before元素被div轉換並且出現在頂端，即使它有一個負z-索引。我希望它在沒有任何變革的情況下得到支持。

這是所有關於CSS，HTML只是兩個div，一個容器的角度和'卡'被轉換。

<div id="container"> 
    <div id="card"></div> 
</div> 

關於兼容性，這是我試圖實現的一個webkit only實驗。

Answer 1

檢查這個答案：Z-index with before pseudo-element

：before和：after僞元素被定義內相關的元素，所以這是不可能外面把他們（後面）相關的元素。

您將不得不使用在<div id="card">之前插入的第二個元素（如<div id="shadow">）。