title: :before/:after pseudo-elements do not transform with parent
body: <p>In this <a href="http://jsfiddle.net/xXePd/17/" rel="nofollow">Link</a> I have a div which rotates on hover and I want to know if it's possible to use :before or :after to act as a shadow. In the example the :before element gets transformed with the div and comes on top even though it has a negative z-index. I would like it to rest behind without any transformation.</p>
  
  <p>It is all about css, the html is just two div, one container for perspective and the 'card' being transformed.</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="card"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>About compatibility, This is a webkit only experiment I'm trying to achieve.</p>