Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

곡선 경로에서 HTML div 이동

<시간/>

곡선 경로에서 HTML div를 이동하려면 다음 중 하나를 사용하세요.

  • CSS 전환
  • 자바스크립트(jQuery)
  • HTML5 캔버스

모든 브라우저에서 작동하도록 JavaScript를 사용해 보세요.

animate() 메서드를 사용합니다. animate() 메서드는 CSS 속성 집합의 사용자 지정 애니메이션을 수행합니다.

다음은 구문입니다:

selector.animate( params, [duration, easing, callback] );

다음은 이 메서드에서 사용하는 모든 매개변수에 대한 설명입니다.

  • 매개변수 − 애니메이션이 이동할 CSS 속성 맵.
  • 기간 − 애니메이션이 실행되는 시간을 나타내는 선택적 매개변수입니다.
  • 완화 − 전환에 사용할 이징 기능을 나타내는 선택적 매개변수입니다.
  • 콜백 − 애니메이션이 완료되면 호출할 함수를 나타내는 선택적 매개변수입니다.