خصائص transition-duration CSS

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

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

يرجى أيضًا النظر في:

دليل CSS过渡 CSS

دليل HTML DOMخصوصية transitionDuration

مثال

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

div {
  transition-duration: 5s;
}

تجربة شخصية

نحو CSS

transition-duration: time;

قيمة الخاصية

القيمة الوصف
time

يحدد وقت استهلاك ال过渡 (بالميلي ثانية أو الثواني).

القيمة الافتراضية هي 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-