نمونه کد

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

آزمایشگاه

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

خاصیت animation-iteration-count تعداد دفعاتی که انیمیشن پس از اتمام می بایست دوباره اجرا شود را تعیین می کند.

اطلاعات

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

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

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

# کروم ادج فایرفاکس سافاری اپرا
animation-iteration-count

شیوه نگارش

مقادیر

مقادیر توضیحات
number مقدار پیش فرض این مقدار، 1 بار است و با استفاده از آن می توانید تعداد دفعاتی که انیمیشن می بایست پخش شود را تعیین کنید.
infinite تعیین می کند که انیمیشن بدون توقف، دائم در حال پخش باشد.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.

صفحات مرتبط

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

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