خصوصیت animation-duration CSS

تعریف و استفاده

animation-duration این خصوصیت زمانی که یک دوره انیمیشن کامل می‌شود را تعیین می‌کند، به ثانیه یا میلی‌ثانیه.

لطفاً به:

آموزش CSS3:آنیماشن CSS

دستورالعمل مرجع HTML DOM:خصوصیت animationDuration

مثال

برای انیمیشن @keyframes یک نام مشخص کنید:

div {
  animation-duration: 3s;
}

آزمایش کنید

اسکریپت زبان CSS

animation-duration: زمان;
مقدار توضیح
زمان زمانی که برای تکمیل انیمیشن صرف می‌شود را مشخص می‌کند. مقدار پیش‌فرض 0 است، که به معنای عدم وجود انیمیشن است.

جزئیات فنی

مقدار پیش‌فرض: 0
ارث‌پذیری: خیر
نسخه: CSS3
اسکریپت زبان: اجسام.style.animationDuration="3s"

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

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که از این ویژگی به طور کامل پشتیبانی می‌کنند.

با -webkit-،-moz- یا -o- شماره‌ها نشان‌دهنده نسخه اولیه با استفاده از پیشوند هستند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
3.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-