[javascript] Velocity.js에서 이징 (Easing) 함수를 사용하는 방법은?

Velocity.js에서 이징 함수를 사용하는 방법은 매우 간단합니다. 애니메이션을 적용할 요소를 선택한 후 easing 옵션에 이징 함수의 이름을 지정하면 됩니다. 예를 들어, easeInQuad와 같은 미리 정의된 이징 함수를 사용하려면 다음과 같이 코드를 작성할 수 있습니다:

Velocity(element, {
  opacity: 0.5,
  translateX: "200px"
}, {
  duration: 1000,
  easing: "easeInQuad"
});

위 코드에서 easeInQuad는 Quad(2차) 함수를 사용하여 이징을 정의합니다. 다른 미리 정의된 이징 함수들과 직접 작성한 사용자 정의 이징 함수도 가능합니다.

Velocity.js의 문서에는 더 많은 이징 함수와 사용법에 대한 정보가 있으니 참고하시기 바랍니다.

Velocity.js 이징 (Easing) 함수 문서