Thuộc tính animationDuration của style
- Trang trước animationDirection
- Trang tiếp theo animationFillMode
- Quay lại層 trên Đối tượng Style của HTML DOM
định nghĩa và cách sử dụng
animationDuration
thuộc tính định nghĩa số giây hoặc miligây cần thiết để hoàn thành một chu kỳ animation.
thí nghiệm
Thay đổi thuộc tính animationDuration của phần tử <div> này:
document.getElementById("myDIV").style.animationDuration = "3s";
cú pháp
Trả về thuộc tính animationDuration:
object.style.animationDuration
Đặt thuộc tính animationDuration:
object.style.animationDuration = "time|initial|inherit"
giá trị thuộc tính
giá trị | miêu tả |
---|---|
time | định nghĩa độ dài cần thiết để hoàn thành hiệu ứng动画。Giá trị mặc định là 0, có nghĩa là không có hiệu ứng animation. |
initial | Đặt thuộc tính này về giá trị mặc định. Xem thêm initial. |
inherit | Gửi 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: | 0 |
---|---|
Giá trị trả về: | chuỗi biểu diễn Thuộc tính animation-duration. |
Phiên bản CSS: | CSS3 |
hỗ trợ trình duyệt
animationDuration
là tính năng CSS3 (1999).
Tất cả các trình duyệt đều hỗ trợ nó hoàn toà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-duration
- Trang trước animationDirection
- Trang tiếp theo animationFillMode
- Quay lại層 trên Đối tượng Style của HTML DOM