Thuộc tính độ trễ hoạt ảnh CSS
Thí dụ
Bắt đầu hoạt ảnh sau 2 giây:
div {
animation-delay: 2s;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc animation-delay
tính chỉ định độ trễ để bắt đầu hoạt ảnh.
Giá trị độ trễ hoạt ảnh được xác định bằng giây (s) hoặc mili giây (mili giây).
Giá trị mặc định: | 0s |
---|---|
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.animationDelay = "1s" |
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 -webkit-, -moz- hoặc -o- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
animation-delay | 43.0 4.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-delay: time|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
time | Optional. Defines the number of seconds (s) or milliseconds (ms) to wait before the animation will start. Default value is 0. Negative values are allowed. If you use negative values, the animation will start as if it had already been playing for N seconds/milliseconds. | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Các ví dụ khác
Thí dụ
Sử dụng các giá trị âm. Tại đây, hoạt ảnh sẽ bắt đầu như thể nó đã phát được 2 giây:
div {
animation-delay: -2s;
}
Các trang liên quan
Hướng dẫn CSS: CSS Animations
Tham chiếu DOM HTML: thuộc tính animationDelay