مثال (خصوصیت animation-play-state)
متوقف کردن انیمیشن:
animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari and Chrome */
خودتان امتحان کنید »-webkit-animation-play-state:paused; /* Safari and Chrome */
پشتیبانی مرورگرها
مرورگرهای Internet Explorer 10, Firefox, Opera خصوصیت animation-play-state را پشتیبانی می کنند.
مرورگرهای Chrome و Safari به پیشوند -webkit- نیاز دارند.
توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، این امکان را پشتیبانی نمی کند.
تعریف و کاربرد
با استفاده از خصوصیت animation-play-state می توان اجرا یا توقف انیمشن را تعیین نمود.
توجه: با استفاده از این خصوصیت در JavaScript می توان اجرای انیمیشن را در طول یک سیکل، متوقف نمود.
| مقدار پیشفرض | running |
|---|---|
| ارث بری | خیر |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.animationPlayState="paused" |
نحوه استفاده
animation-play-state: paused|running;
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| paused | انیمیشن را متوقف می کند. | نمایش دادن » |
| running | انیمیشن را اجرا (run) می کند. | نمایش دادن » |
بیاموزهای مرتبط
CSS3 Animation (بیاموز CSS3)
