Javascript TweenMax试图在文本字段上一次设置一个角色的动画

这是我的html代码：

   <h1 id="designs">
      <span>D</span>
      <span>e</span>
      <span>s</span>
      <span>i</span>
      <span>g</span>
      <span>n</span>
      <span>s</span>
   </h1>

这不管用！虽然做了完全相同的事情，但改为修改上/左/右/下/不透明度等。。价值观起作用

---

请帮我解释一下为什么我不能修改3d值

我修改过的版本可以工作，我已经包含了一个JSFIDLE供您检查，我还添加了以下css，这似乎是Chrome所需要的，至少在JSFIDLE中是这样

span { display: inline-block; }

TweenMax.staggerFromTo($('#designs').children(), 5, {
    rotationY: 180
}, {
    rotationY: 0
}, 0.1);

查看此小提琴以显示其工作：

---

谢谢您的回答！不幸的是，有些字体显示：字母上的内联块会导致剪切。。我想这只是一个浏览器问题，可以尝试显示块浮动左？

span { display: inline-block; }

TweenMax.staggerFromTo($('#designs').children(), 5, {
    rotationY: 180
}, {
    rotationY: 0
}, 0.1);