：之前/：在伪元素不转换与父

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">）。