Thuộc tính animationDirection của Style

Định nghĩa và cách sử dụng

animationDirection Thuộc tính thiết lập hoặc trả về liệu hoạt hình có nên phát ngược lại trong vòng lặp chẵn lẻ hay không.

Chú thích:Nếu hoạt hình được thiết lập để chỉ phát một lần, thuộc tính này sẽ không có hiệu lực.

Mô hình

Thay đổi thuộc tính animationDirection của phần tử <div> này:

document.getElementById("myDIV").style.animationDirection = "reverse";

Thử ngay

Cú pháp

Trả về thuộc tính animationDirection:

object.style.animationDirection

Đặt thuộc tính animationDirection:

object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
normal Giá trị mặc định. Hoạt hình nên phát theo hướng chính.
reverse Hoạt hình nên phát ngược lại.
alternate Hoạt hình sẽ phát theo hướng chính ở mỗi lần lặp奇数次 (1, 3, 5 v.v.) và phát ngược lại ở mỗi lần lặp chẵn (2, 4, 6 v.v...).
alternate-reverse Hoạt hình sẽ phát ngược lại ở mỗi lần lặp奇数次 (1, 3, 5 v.v.) và phát theo hướng chính ở mỗi lần lặp chẵn (2, 4, 6 v.v...).
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Giá trị trả về: Chuỗi biểu diễn Thuộc tính animation-direction.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

animationDirection là tính năng CSS3 (1999).

Tất cả các trình duyệt đều hỗ trợ hoàn toàn nó:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ 11

Trang liên quan

Tài liệu tham khảo CSS:Thuộc tính animation-direction