الخاصية animation-play-state
< CSS
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
الخاصية animation-play-state في CSS تُحدِّد إذا كانت الحركة تعمل أو متوقفة مؤقتًا، ويمكن الحصول على قيمة هذه الخاصية عبر JavaScript لمعرفة حالة الحركة، ويمكن أيضًا استعمال JavaScript لضبط قيمتها لتوقيف الحركة مؤقتًا أو استئنافها.
بطاقة الخاصية
| القيمة الابتدائية | running
|
|---|---|
| تُطبَّق على | جميع العناصر. |
| قابلة للوراثة | لا |
| قابلة للتحريك | لا |
| القيمة المحسوبة | كما حُدِّدَت. |
/* قيمة واحدة */
animation-play-state: running;
animation-play-state: paused;
/* عدِّة قيم */
animation-play-state: paused, running, running;
/* القيم العامة */
animation-play-state: inherit;
animation-play-state: initial;
animation-play-state: unset;
استئناف الحركات المتوقفة مؤقتًا سيسمح بإكمالها من مكان توقفها، بدلًا من البدء مجددًا من بداية سلسلة الحركات.
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 4.0 (مع السابقة -webkit-)
43.0 |
5.0 (مع السابقة -moz-)
16.0 |
10 | 15.0 (مع السابقة -webkit-)
30.0 |
5.1 (مع السابقة -webkit-)
9.0 |
البنية العامة
تقبل الخاصية animation-play-state قيمةً واحدةً أو أكثر.
running
الحركة تعمل حاليًا.
paused
الحركة متوقفة حاليًا توقفًا مؤقتًا.
البنية الرسمية
animation-play-state: <single-animation-play-state>#;
حيث:
<single-animation-play-state> = running | paused
انظر أيضًا
- صفحة الخاصية
animationوالخاصيات الفرعية التي تضبطها هذه الخاصية وهيanimation-nameوanimation-durationوanimation-timing-functionوanimation-delayوanimation-iteration-countوanimation-directionوanimation-fill-mode.
مصادر ومواصفات
- مسودة CSS Animations.