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

تعریف و استفاده

animation-play-state ویژگی تعریف می‌کند که انیمیشن در حال اجرا است یا معلق شده است.

نکته:شما می‌توانید این ویژگی را در زبان JavaScript استفاده کنید تا بتوانید انیمیشن را در طول فرآیند پخش معلق کنید.

لطفاً به اینجا نیز مراجعه کنید:

آموزش CSS3:آنی‌سازی CSS

دستورالعمل مرورگر HTML DOM:ویژگی animationPlayState

مثال

انیمیشن را معلق کنید:

div
{
animation-play-state:paused;
}

آزمایش کنید

جملات CSS

animation-play-state: paused|running;
مقدار توضیح آزمایش
paused تعریف می‌کند که انیمیشن به حالت معلق درآمده است. آزمایش
در حال اجرا تعریف می‌کند که آیا انیمیشن در حال پخش است. آزمایش

جزئیات فنی

مقدار پیش‌فرض: در حال اجرا
ارث: خیر
نسخه: CSS3
جملات زبان JavaScript: شیء.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-