title: TweenMax trying to animate one character at time on text field
body: <p>This is my html code: </p>
  
  <pre><code>   &lt;h1 id="designs"&gt;
        &lt;span&gt;D&lt;/span&gt;
        &lt;span&gt;e&lt;/span&gt;
        &lt;span&gt;s&lt;/span&gt;
        &lt;span&gt;i&lt;/span&gt;
        &lt;span&gt;g&lt;/span&gt;
        &lt;span&gt;n&lt;/span&gt;
        &lt;span&gt;s&lt;/span&gt;
     &lt;/h1&gt;
  </code></pre>
  
  <p>And I am trying to tween each letter to rotate in like so: </p>
  
  <pre><code>TweenMax.staggerFromTo($map.designs.find('span'), 1, {
      rotationY: 180
  }, {
      rotationY: 0
  }, 0.1);
  </code></pre>
  
  <p>This is not working! Although doing the exact same thing but instead modifying the top/left/right/bottom/opacity/etc.. values works.</p>
  
  <p>Please give me a hand as to why I cannot modify the 3d values!</p>