곡선 경로에서 HTML div를 이동하려면 다음 중 하나를 사용하세요.
- CSS 전환
- 자바스크립트(jQuery)
- HTML5 캔버스
모든 브라우저에서 작동하도록 JavaScript를 사용해 보세요.
animate() 메서드를 사용합니다. animate() 메서드는 CSS 속성 집합의 사용자 지정 애니메이션을 수행합니다.
다음은 구문입니다:
selector.animate( params, [duration, easing, callback] );
다음은 이 메서드에서 사용하는 모든 매개변수에 대한 설명입니다.
- 매개변수 − 애니메이션이 이동할 CSS 속성 맵.
- 기간 − 애니메이션이 실행되는 시간을 나타내는 선택적 매개변수입니다.
- 완화 − 전환에 사용할 이징 기능을 나타내는 선택적 매개변수입니다.
- 콜백 − 애니메이션이 완료되면 호출할 함수를 나타내는 선택적 매개변수입니다.