Thẻ Animations (Ảnh động) trong Công cụ của Chrome cho nhà phát triển là một công cụ mạnh mẽ giúp bạn làm chậm, phát lại, điều chỉnh thời gian ảnh động CSS và xem kết quả ngay lập tức.
Thẻ Animations (Hiệu ứng chuyển động) sẽ tự động ghi lại các hiệu ứng chuyển động, nhóm các hiệu ứng chuyển động một cách thuận tiện và cho phép bạn:
- Phát lại và làm chậm ảnh động để kiểm tra ảnh động đó kỹ hơn.
- Điều chỉnh thời lượng, thời gian và độ trễ bằng cách kéo các điểm trong dòng thời gian thay vì đoán và đặt giá trị CSS theo cách thủ công.
Ngoài ra, bạn có thể chỉnh sửa thời gian chuyển đổi và đặt giá trị đường cong cubic-bezier
tuỳ chỉnh bằng Trình chỉnh sửa chuyển đổi trong ngăn Thành phần > Kiểu. Để tìm hiểu thêm, hãy xem phần Chỉnh sửa thời gian chuyển đổi và ảnh động bằng Trình chỉnh sửa Easing.
Để có trải nghiệm học tập thực tế hơn, hãy làm theo hướng dẫn Kiểm tra và sửa đổi hiệu ứng ảnh động CSS.