title: stutter/flicker in 3d transform for firefox
body: <p>I came across <a href="http://blog.qr4.nl/" rel="nofollow"><strong>THIS SITE</strong></a> today and the <code>3dtransform</code> of the QR code was unbearable in <code>FF</code>. </p>
  
  <p>I viewed the same site in <code>Chrome</code> and the animation was much smoother. I wanted to know what was going on so I viewed the source and stripped out the non-pertinent info and created a fiddle:</p>
  
  <p><a href="http://jsfiddle.net/PLZ2j/" rel="nofollow"><strong>DEMO</strong></a></p>
  
  <p>The core code I pulled from that site is here:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="QRcode3d"&gt;
      &lt;img alt="QR Code Cube 1" src="http://blog.qr4.nl/images/QR-Cube-1.jpg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.QRcode3d {
      height: 331px;
      margin: 150px auto;
      position: relative;
      transform: scale(0.9);
      transform-style: preserve-3d;
      width: 331px;
      animation: 30s linear 0s normal none infinite spin1;
      display: block;
  }
  
  @-webkit-keyframes spin1 {
      0% {-webkit-transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
      100% {-webkit-transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
  }
  
  @keyframes spin1 {
      0% {transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);}
      100% {transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);}
  </code></pre>
  
  <p>}</p>
  
  <p>The only <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=808155" rel="nofollow"><strong>BUG REPORT</strong></a> I've seen on the topic doesn't have much info in the way of 'solving' the issue.. there is even difficulty in reproducing it.</p>
  
  <p>Going to <a href="http://caniuse.com/#search=3dtransform" rel="nofollow"><strong>CanIUse</strong></a> shows that it was available on my version of FF, and even toggling <code>hardware acceleration</code> in the <code>FF</code> browser didn't really alter the situation.</p>
  
  <p><em>Does anyone know the root cause of the 3D Transform issue in FF, and what may be done to remedy the situation?</em> </p>