찾기
내용으로 건너뛰기
추적
문서의 이전 판을 선택했습니다!
저장하면 이 자료로 새 판을 만듭니다.
미디어 파일
{{tag>tweenlite}} ====== Tweenlite ====== {{INLINETOC}} TweenLite Tween 클래스의 대표주자 TweenLite http://hwaba.nflint.com/lab/tween/ TweenLite <file> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/easing/EasePack.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script> </file> TweenMax <file> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> </file> ( jquery 없이 사용 가능 ) <file> var box = document.getElementById( "box" ); TweenLite.to( box, 1.5, { left:100, width:200 } ); </file> <file> TweenLite.to( $("box"), 1.5, { left:100, width:200 } ); </file> ====스타일==== TweenLite.to( box, 1.5, { width:800, height:70 } ); TweenLite.to( box, 1.5, { left:400, top:50 } ); TweenLite.to( box, 1.5, { backgroundColor:#00f; } ); TweenLite.to( box, 1.5, { scaleX:2, scaleY:3, rotation:120 } ); TweenLite.to( "#box", 1.5, { left:800, ease:Power3.easeInOut } ); TweenLite.to( box, 1.5, { left:800, delay:1 } ); TweenLite.to( box, 1.5, { left:800, onComplete:endFunction } ); TweenLite.fromTo( box, 1.5, { left:10, height:30 }, { left:800, height:100 } ); var myTween = new TweenLite.to( box, 1.5, { left:800, paused:true } ); myTween.resume(); myTween.reverse();
2+1?
이 필드는 비어 있도록 유지하세요:
저장
미리 보기
취소
편집 요약
참고: 이 문서를 편집하면 내용은 다음 라이선스에 따라 배포하는 데 동의하는 것으로 간주합니다:
CC Attribution-Noncommercial-Share Alike 4.0 International
문서 도구
문서 보기
이전 판
연결문서
맨 위로
다크 모드로 보기
☀️
Toggle Menu
기술
너두 고쳐두 됩니다.
사이트 도구
최근 바뀜
미디어 관리자
사이트맵
사용자 도구
등록
로긴
최근 수정된 문서
misuse_topical5
노박
unique_items
dinner_bell
deputy_beagle
ratslayer
one_for_my_baby
alerio
power_fist
제거됨
fixer
climb_ev_ry_mountain
companion
[장비 분실]
crashed_vertibird
brotherhood_t-51b_power_armor
marco
i_forgot_to_remember_to_forget
cateye