خصوصیت animation-play-state CSS

التعريف والاستخدام

animation-play-state تحدد الخاصية ما إذا كان الأنميشن يعمل أم لا.

التعليقات:يمكنك استخدام هذه الخاصية في جافا سكربت لتوقيف الأنميشن أثناء العرض.

انظر أيضًا:

دليل CSS3حركة CSS

دليل HTML DOMخصائص animationPlayState

مثال

توقيف الأنميشن:

div
{
animation-play-state:paused;
}

تجربة شخصية

نحو CSS

animation-play-state: paused|running;
القيمة الوصف الاختبار
paused يحدد أن الأنميشن معلق. الاختبار
running يحدد أن الأنميشن يُعرض. الاختبار

تفاصيل التقنية

القيمة الافتراضية: running
التنسيق: لا
الإصدار: CSS3
جافا سكربت النحو: عنصر.style.animationPlayState="paused"

دعم المتصفح

الأرقام في الجدول توضح إصدار المتصفح الذي يدعم الخاصية بشكل كامل.

باستخدام -webkit-،-moz- أو -o- قبل الأرقام يُمثل إصدار الإسم المميز الأول.

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-