نمونه کد

یک نمونه ساده از خاصیت animation-play-state:

آزمایشگاه

تعریف و کاربرد

خاصیت animation-play-state انیمیشن به صورت خودکار شروع به حرکت کند یا متوقف باشد.

اطلاعات

# توضیحات
مقدار پیشفرض در حال انجام
ارث بری خیر
انیمیشن خیر
نسخه CSS3
نگارش JS object.style.animationPlayState="paused"

سازگاری با مرورگر

اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیت animation-play-state هستند.

# کروم ادج فایرفاکس سافاری اپرا
animation-play-state

شیوه نگارش

مقادیر

مقادیر توضیحات
paused باعث می شود انیمیشن به صورت خودکار متوقف شده باشد.
running باعث می شود انیمیشن به صورت خودکار شروع به اجرا شدن کند.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.

صفحات مرتبط

آموزش CSS: انیمیشن‌های CSS

مرجع HTML DOM: ویژگی animationPlayState