title: Extrude effect with scaleZ
body: <p>Is it possible to use <code>scaleZ()</code> to effectively create a 3D box? </p>
  
  <p>Here's what I've tried, but obviously it didn't scaleZ at all:</p>
  
  <pre><code>.box {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleZ(10);
    -moz-transform: scaleZ(10);
    -ms-transform: scaleZ(10);
    -o-transform: scaleZ(10);
    transform: scaleZ(10);
    width: 100px;
    height: 100px;
    display: block;
    background:red;
  }
  </code></pre>
  
  <p>Is there another way I can tackle this? Even if I have to use Javascript?</p>
  
  <p>DEMO: <a href="http://jsfiddle.net/3r1gus9f/" rel="nofollow">http://jsfiddle.net/3r1gus9f/</a></p>