API Ảnh động web là một phần của tiêu chuẩn web mới, hiện đang được các kỹ sư trình duyệt của Mozilla và Google phát triển.
Chrome 36 đã triển khai phương thức element.animate() từ Web Animations API, cho phép các nhà phát triển tạo ảnh động theo luồng của trình tổng hợp hiệu suất bằng JavaScript.
Chúng tôi rất vui khi thấy Mozilla hiện đã chuyển phương thức triển khai element.animate() trong Firefox 48, cho phép tạo ảnh động được tăng tốc trên nhiều trình duyệt thực sự bằng API JS mới nổi này. Google và Mozilla đã nỗ lực cùng nhau để đảm bảo khả năng tương tác giữa các phương pháp triển khai. Đây thực sự là một nỗ lực cộng tác!
Lợi ích khi sử dụng API Ảnh động trên web có thể bao gồm tốc độ khung hình nhanh hơn với mức tiêu thụ điện năng thấp hơn, đồng thời mang lại trải nghiệm người dùng tốt hơn trên tất cả các thiết bị, đặc biệt là thiết bị di động.
Bạn có thể sử dụng API Ảnh động trên web trong tất cả các trình duyệt thông qua một polyfill. Lớp này sẽ sử dụng phương thức triển khai gốc tốc độ đầy đủ nếu có, và sẽ linh hoạt quay lại phương thức triển khai JavaScript nếu không. Cộng đồng WebKit nên cân nhắc cách triển khai của riêng họ và nhóm Edge sẽ bổ sung dữ liệu này vào danh sách tồn đọng của họ. Chúng tôi mong rằng Ảnh động trên web sẽ sớm được hỗ trợ trong tất cả các trình duyệt chính.
Để tận hưởng toàn bộ trải nghiệm Ảnh động web được tăng tốc nhanh bằng Chrome, Firefox hoặc Opera, hãy truy cập các trang minh hoạ này và tự mình dùng thử.