Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Di chuyển HTML div theo đường cong


Để di chuyển div theo đường cong, dùng:

  • CSS Transitions
  • JavaScript (jQuery)
  • HTML5 Canvas

Thử JavaScript để chạy trên mọi trình duyệt.

Dùng phương thức animate(). animate() thực hiện animation tùy chỉnh cho tập thuộc tính CSS.

Cú pháp:

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

Mô tả tham số:

  • params − Map thuộc tính CSS mà animation sẽ di chuyển tới.
  • duration − Tham số tùy chọn biểu thị thời gian animation chạy.
  • easing − Hàm easing cho chuyển tiếp.
  • callback − Hàm gọi khi animation hoàn tất.