Mẹo cho Công cụ cho nhà phát triển: Cách kiểm tra và sửa đổi ảnh động CSS

Sofia Emelianova

Thẻ Ả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ẻ Ảnh động (khi mở) sẽ tự động ghi lại ảnh động, nhóm ảnh độ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.