Thuộc tính thời lượng hoạt ảnh CSS
Ví dụ
Chỉ định rằng hoạt ảnh sẽ hoàn thành một chu kỳ trong 3 giây:
div {
animation-duration: 3s;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính animation-duration
xác định khoảng thời gian để một hoạt ảnh hoàn thành một chu kỳ.
Giá trị mặc định: | 0 |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.animationDuration="3s" Hãy dùng thử |
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 là -webkit-, -moz- hoặc -o- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
animation-duration | 43.0 3.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Cú pháp CSS
animation-duration: time |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
time | Specifies the length of time an animation should take to complete one cycle. This can be specified in seconds or milliseconds. Default value is 0, which means that no animation will occur | Play it » |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: Hoạt hình CSS
Tham chiếu DOM HTML: thuộc tính animationDuration