خصوصیت animation-play-state

مثال

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

animation-play-state:paused;
-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)