title: CSS 3D Carousel Item Rotation
body: <p>The following CodePen demonstrates half of what I want to do:
  <a href="http://codepen.io/nopr/pen/rfBJx" rel="noreferrer">http://codepen.io/nopr/pen/rfBJx</a></p>
  
  <p>As this carousel spins, the individual, inactive items spin to face towards the back - facing away from the viewer.  I cannot seem to figure out how I can keep each of the frames facing the viewer as they spin, performing a <em>do-si-do</em> motion instead of a turning motion (see image).</p>
  
  <p><img src="https://i.stack.imgur.com/COyoV.png" alt="forward facing carousel"></p>
  
  <p>Notice how the letters are always facing you? This is unlike the CodePen above.</p>
  
  <p>I've tried adding an additional carousel with these transforms below to take the place of each plane, but I cannot achieve the effect I am aiming for.  Any thoughts?</p>
  
  <pre><code>carousel.css({
     "-webkit-transform": "rotateY("+currdeg+"deg)",
     "-moz-transform": "rotateY("+currdeg+"deg)",
     "-o-transform": "rotateY("+currdeg+"deg)",
     "transform": "rotateY("+currdeg+"deg)"
  });
  </code></pre>