ویژگی Style animationPlayState
- صفحه قبلی animationTimingFunction
- صفحه بعدی background
- برگشت به طبقه بالاتر شیء Style HTML DOM
تعریف و استفاده
animationPlayState ویژگی تعیین می‌کند که انیمیشن در حال اجرا است یا متوقف شده است.
نکات:از این ویژگی برای توقف انیمیشن در میان چرخه استفاده کنید.
مراجعه کنید:
لطفاً بهویژگی animation-play-state
دستورالعمل CSS:
مثال
انیمیشن را متوقف کنید:
document.getElementById("myDIV").style.animationPlayState = "paused";
تست کنید
نحوه نوشتن
تنظیم ویژگی animationPlayState:بازگشتی ویژگی animationPlayState:
.style.animationPlayState
تنظیم ویژگی animationPlayState:مقدار
.style.animationPlayState = "running|paused|initial|inherit"
| مقدار ویژگی | مقدار |
|---|---|
| running | توضیحات |
| مقدار پیش‌فرض. تعریف می‌کند که انیمیشن در حال اجرا است. | تعریف می‌کند که آیا انیمیشن در حال اجرا است یا خیر. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر پدر خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | running |
|---|---|
| مقدار بازگشتی: | رشته‌ای که وضعیت عناصر را نشان می‌دهد: ویژگی animation-play-state. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
animationPlayState ویژگی CSS3 (1999) است.
همه مرورگرها آن را کاملاً پشتیبانی می‌کنند:
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | 11 |
- صفحه قبلی animationTimingFunction
- صفحه بعدی background
- برگشت به طبقه بالاتر شیء Style HTML DOM
