Properti animation-play-state CSS

Definisi dan penggunaan

animation-play-state Properti ini menentukan apakah animasi sedang berjalan atau dihentikan.

Komentar:Anda dapat menggunakan properti ini di JavaScript untuk menghentikan animasi selama proses pemutaran.

Lihat juga:

Panduan CSS3:Animasi CSS

Panduan referensi HTML DOM:Properti animationPlayState

Contoh

Menahan animasi:

div
{
animation-play-state:paused;
}

Coba sendiri

Syntaks CSS

animation-play-state: paused|berjalan;
Nilai Deskripsi Pengujian
paused Menentukan animasi telah dihentikan. Pengujian
berjalan Menentukan animasi sedang diputar. Pengujian

Detil teknis

Nilai standar: berjalan
Inheritsi: tidak
Versi: CSS3
Syntaks JavaScript: objek.style.animationPlayState="paused"

Dukungan peramban

Angka di tabel menunjukkan versi pertama peramban yang mendukung properti ini penuh.

Dengan -webkit-、-moz- atau -o- diikuti angka menunjukkan versi awal penggunaan awal prefiks.

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-