Để di chuyển một div HTML theo đường cong, hãy sử dụng bất kỳ cách nào sau đây:
- Chuyển đổi CSS
- JavaScript (jQuery)
- HTML5 Canvas
Hãy thử JavaScript để làm cho nó hoạt động trên mọi trình duyệt.
Sử dụng phương thức animate (). Phương thức animate () thực hiện hoạt ảnh tùy chỉnh của một tập hợp các thuộc tính CSS.
Sau đây là cú pháp:
selector.animate( params, [duration, easing, callback] );
Đây là mô tả của tất cả các tham số được sử dụng bởi phương pháp này
- thông số - Bản đồ các thuộc tính CSS mà hoạt ảnh sẽ hướng tới.
- thời lượng - Đây là thông số tùy chọn thể hiện thời lượng hoạt ảnh sẽ chạy.
- nới lỏng - Đây là thông số tùy chọn thể hiện chức năng nới lỏng nào sẽ sử dụng cho quá trình chuyển đổi.
- gọi lại - Đây là tham số tùy chọn đại diện cho một hàm để gọi sau khi hoạt ảnh hoàn tất.