tutorial pengembangan web terbaru
 

Style animationPlayState Property

<Style Object

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