Phong cách hoạt hình
Thí dụ
Thay đổi thuộc tính animationDirection của phần tử <div>:
document.getElementById("myDIV").style.animationDirection = "reverse";
Định nghĩa và Cách sử dụng
Thuộc tính animationDirection đặt hoặc trả về việc hoạt ảnh có nên phát ngược lại trong các chu kỳ thay thế hay không.
Lưu ý: Nếu hoạt ảnh được đặt chỉ phát một lần, thuộc tính này sẽ không có hiệu lực.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau bởi Moz chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
animationDirection | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
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ị tài sản
Value | Description |
---|---|
normal | Default value. The animation should be played as normal |
reverse | The animation should play in reverse direction |
alternate | The animation will be played as normal every odd time (1,3,5,etc..) and in reverse direction every even time (2,4,6,etc...) |
alternate-reverse | The animation will be played in reverse direction every odd time (1,3,5,etc..) and in a normal direction every even time (2,4,6,etc...) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | thông thường |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thuộc tính hướng hoạt ảnh của một phần tử |
Phiên bản CSS | CSS3 |
Các trang liên quan
Tham chiếu CSS: thuộc tính hướng hoạt ảnh