خاصیت animation-duration در CSS

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

animation-duration: 2s;

آزمایشگاه

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

خاصیت animation-duration یک بازه زمانی ای را تعیین می کند که یک انیمیشن می بایست یک چرخه را طی یا کامل کند.

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

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

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

animation-duration: time|initial|inherit;

مقادیر	توضیحات
time	یک بازه زمانی ای را تعیین می کند که یک انیمیشن می بایست یک چرخه را طی یا کامل کند.
initial	این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit	این مقدار را از تگ والد خود به ارث می برد.

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

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