Animasi gaya , Properti PlayState
Contoh
Menjeda animasi:
document.getElementById("myDIV").style.animationPlayState = "paused";
Definisi dan Penggunaan
Properti animationPlayState menentukan apakah animasi sedang berjalan atau dijeda.
Catatan: Gunakan properti ini untuk menjeda animasi di tengah siklus.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Angka yang diikuti oleh Webkit, Moz, atau O menentukan versi pertama yang berfungsi dengan awalan.
Property | |||||
---|---|---|---|---|---|
animationPlayState | 43.0 4.0 Webkit |
10.0 | 16.0 5.0 Moz |
9.0 4.0 Webkit |
30.0 15.0 Webkit 12.1 12.0 O |
Sintaksis
Kembalikan properti animationPlayState:
object.style.animationPlayState
Setel properti animationPlayState:
object.style.animationPlayState = "running|paused|initial|inherit"
Nilai properti
Value | Description |
---|---|
running | Default value. Specifies that the animation is running |
paused | Specifies that the animation is paused |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | berlari |
---|---|
Nilai Kembali: | Sebuah String, mewakili properti animasi-play-state dari suatu elemen |
Versi CSS | CSS3 |
Halaman Terkait
Referensi CSS: properti animasi-play-state