Thuộc tính animation-duration CSS

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

animation-duration Thuộc tính định nghĩa thời gian hoàn thành một chu kỳ animation, tính bằng giây hoặc miligiây.

Xem thêm:

Hướng dẫn CSS3:CSS Animation

Hướng dẫn tham khảo HTML DOM:Thuộc tính animationDuration

Mẫu

Đặt một tên cho animation @keyframes:

div {
  animation-duration: 3s;
}

Thử nghiệm trực tiếp

Cú pháp CSS

animation-duration: time;
Giá trị Mô tả
time Định nghĩa thời gian hoàn thành动画. Giá trị mặc định là 0, có nghĩa là không có hiệu ứng动画.

Chi tiết kỹ thuật

Giá trị mặc định: 0
Di truyền: no
Phiên bản: CSS3
Cú pháp JavaScript: object.style.animationDuration="3s"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản đầu tiên hỗ trợ đầy đủ thuộc tính đó.

Số với tiền tố -webkit-、-moz- hoặc -o- chỉ ra phiên bản đầu tiên sử dụng tiền tố.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-