属性 transition-duration CSS

التعريف والاستخدام

خاصية transition-duration تحدد الوقت الذي يستغرقه التدرج للانتهاء من التأثير (بالدقائق أو الميليسيوندات).

جعل تأثير التدرج يستمر لمدة 5 ثواني:

div {
  transition-duration: 5s;
}

transition-duration: الوقت;

القيمة	الوصف
الوقت	يحدد الوقت الذي يستغرقه التدرج للانتهاء من التأثير (بالدقائق أو الميليسيوندات). القيمة الافتراضية هي 0، مما يعني عدم وجود تأثير.

القيمة

الوصف

الوقت

يحدد الوقت الذي يستغرقه التدرج للانتهاء من التأثير (بالدقائق أو الميليسيوندات).

القيمة الافتراضية هي 0، مما يعني عدم وجود تأثير.

القيمة الافتراضية:	0
التنسيق:	لا
الإصدار:	CSS3
جافا سكربت الجملة:	object.style.transitionDuration="5s"

الرقم في الجدول يوضح إصدار المتصفح الذي يدعم هذه الخاصية تمامًا.

الرقم الذي يحتوي على -webkit-،-moz- أو -o- يمثل الإصدار الأول الذي يستخدم التدرج.

Chrome	IE / Edge	Firefox	Safari	Opera
26.0 4.0 -webkit-	10.0	16.0 4.0 -moz-	6.1 3.1 -webkit-	12.1 10.5 -o-