y=ax^2+bx+c
-
jquery animation easing 제어 :: 마이구미수학을 활용한 예제 2017. 6. 25. 15:14
이번 글은 jquery를 통해 easing을 원하는 대로 제어하는 법에 대해 다뤄본다.x,y 좌표 그래프 및 연립 방정식에 대한 기본 지식을 요구한다. 애니메이션을 구현해봤거나, 구현하기 위해서 대부분 jquery의 animate 메소드를 사용해봤을 것이다. $( "#book" ).animate({ opacity: 0.25, left: "50px" }, 5000, () => { // Animation complete. }); 기본적인 목적으로, 위 코드는 5초동안 투명도가 서서히 0.25로 변화하고, 왼쪽방향으로 50px로 이동한다. 그렇다면, easing은 무엇을 뜻하는 건가?Easing Functions 는 매개변수의 변화율을 시간이 지남에 따라 정한다. jquery의 animate의 easing의 ..