Contoh
Berhenti animasi:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; Cobalah sendiri " Definisi dan Penggunaan
Properti animationPlayState menentukan apakah animasi sedang berjalan atau berhenti.
Note: Gunakan properti ini untuk menghentikan animasi di tengah-tengah siklus.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh WebKit, Moz, atau O tentukan versi pertama yang bekerja dengan awalan.
| Milik | |||||
|---|---|---|---|---|---|
| animationPlayState | 43.0 4.0 Webkit | 10,0 | 16.0 5.0 Moz | 4.0 Webkit | 30.0 15,0 Webkit 12.1 12,0 O |
Catatan: Chrome, Safari dan Opera mendukung alternatif, properti WebkitAnimation.
Sintaksis
Kembali properti animationPlayState:
object .style.animationPlayState Mengatur properti animationPlayState:
object .style.animationPlayState="running|paused|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| running | nilai default. Menentukan bahwa animasi sedang berjalan |
| paused | Menentukan bahwa animasi dijeda |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | berjalan |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili properti animasi-play-state dari suatu unsur |
| CSS Versi | CSS3 |
Pages terkait
Referensi CSS: animation-play-state property
<Style Object