본문 바로가기
Javascript

GSAP 애니메이션 ease 옵션

by progrpsk 2017. 6. 14.

GSAP는 ease 애니메이션 효과를 다양하게 쓸 수 있는 옵션을 제공해준다.

먼저 아래의 링크를 보면 다양한 ease에 관련한 코드와 이미지를 서비스해주는 것을 볼 수 있다.


https://greensock.com/ease-visualizer


본 서비스에서는 Power0, Power1, Power2, Power3, Power4, Back, Elastic, Bounce, Rough, SlowMo, Stepped, Circ, Expo, Sine, Custom의 객체을 제공하고 있으며,

각각의 객체의 easeIn, easeOut, easeInOut 들은 각기 다른 결과를 보이게 된다.

(결과는 그래프로 확인할 수 있다.)


아마 이러한 다양한 애니메이션 ease 옵션때문에 많은 사람들이 GSAP를 사용하지 않을까 생각해 본다.\


'Javascript' 카테고리의 다른 글

synaptic.js 사용하기  (0) 2017.06.20
무한스크롤 구현하기  (0) 2017.06.19
jquery autocomplete 의 초반 width값 조정  (0) 2017.06.14
GSAP 예제 사이트  (0) 2017.06.12
tweenMax에서의 yoyo 속성  (0) 2017.06.10

댓글