خصوصیت animation-play-state

چاپ

مثال (خصوصیت animation-play-state)

متوقف کردن انیمیشن:

animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari and Chrome */
خودتان امتحان کنید »

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

مرورگرهای 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)