Thuộc tính animation-iteration-count CSS

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

animation-iteration-count Thuộc tính định nghĩa số lần phát lại animation.

Xem thêm:

Hướng dẫn CSS3:CSS Animation

Hướng dẫn HTML DOM:Thuộc tính animationIterationCount

Mẫu

Phát animation ba lần:

div
{
animation-iteration-count:3;
}

Thử nghiệm cá nhân

Cú pháp CSS

animation-iteration-count: n|infinite;
Giá trị Mô tả Kiểm tra
n Định nghĩa số lần phát lại animation. Kiểm tra
infinite Điều này quy định rằng animation nên phát lại vô số lần. Kiểm tra

Chi tiết kỹ thuật

Giá trị mặc định: 1
Kế thừa: no
Phiên bản: CSS3
Cú pháp JavaScript: object.style.animationIterationCount=3

Hỗ trợ trình duyệt

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

Điều này biểu thị số nguyên sử dụng tiền tố đầu tiên với -webkit-、-moz- hoặc -o-.

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