GreenSock 스팬 요소에 애니메이션 적용

Question

Iam 간단한 Greensock 애니메이션을 수행 할 때, Iam은 스팬 요소에 애니메이션을 수행 할 수 없습니다. 모든 애니메이션을 수행했는데 깜박임을 실행해도 아무 도움이 없습니다. 내 스팬 요소 정의에 문제가 있습니까?

다음은 코드입니다.

<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) 당신은 당신이 spanblock 또는 inline-block는 기본적으로 inline이며, 따라서,이 애니메이션을 실패로 만들 필요가

Answer 1

.

Related Question of mine

Answer 2

SPAN 요소는 기본적으로 "인라인"으로 스타일하고 자신의 부모 요소의 독립적 인 이동하지 않습니다.

CSS의 "표시"속성을 "차단"또는 "인라인 블록"으로 설정해야합니다.

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

또는 양자 택일로, 당신은 DIV에 SPAN에서 변경 될 수 있습니다 :

이보십시오.