跨度元素的GreenSock动画

Question

Iam执行简单的Greensock动画，Iam无法对span元素执行任何动画。即使任何动画我执行它只是闪烁可以任何一个帮助。我的span元素定义是否有任何问题。

这是代码。

<div id="prac">
    <div><span>1</span><span>2</span><span>3</span><span>4</span></div>
  </div>

CSS样式

#prac span{padding:20px;border:1px dashed blue;background:violet;margin:5px;}

JS TweenMax.staggerFrom($("#prac").find("span"), 0.4, {scale:0, rotation:-360, autoAlpha:0}, 0.1）

Answer 1

默认情况下，您需要span block或inline-block原样inline，因此无法制作动画。

Related Question of mine

Answer 2

默认情况下，SPAN元素的样式为“内联”，不会独立于其父元素移动。

您需要将CSS中的“display”属性设置为“block”或“inline-block”。

试试这个：

#prac span{padding:20px;border:1px dashed blue;background:violet;margin:5px;display:block}

或者，您可以从SPAN更改为DIV。