1

シンプルな Greensock アニメーションを実行していますが、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)

4

2 に答える 2

0

SPAN 要素はデフォルトで「インライン」としてスタイル設定されており、親要素とは独立して移動しません。

CSS の「display」プロパティを「block」または「inline-block」に設定する必要があります。

これを試して：

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

または、SPAN から DIV に変更することもできます。

于 2014-12-22T10:24:46.257 に答える