Thuộc tính animation-play-state CSS

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

animation-play-state Thuộc tính này quy định animation đang chạy hay tạm dừng.

Chú ý:Bạn có thể sử dụng thuộc tính này trong JavaScript để dừng animation trong quá trình phát.

Hướng dẫn CSS3:CSS Animation

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

Tạm dừng animation:

div
{
animation-play-state:paused;
}

animation-play-state: paused|running;

Giá trị	Mô tả	Kiểm tra
paused	Định nghĩa rằng animation đã tạm dừng.	Kiểm tra
running	Định nghĩa rằng animation đang phát.	Kiểm tra

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

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

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

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-