خصوصية transitionDuration للنمط
- الصفحة السابقة transitionProperty
- الصفحة التالية transitionTimingFunction
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
التعريف والاستخدام
transitionDuration يحدد هذا الخاصية مقدار الوقت بالثواني (s) أو الميليسي ثواني (ms) اللازمة لإنهاء تأثير التحول.
يرجى الرجوع أيضًا إلى:
دليل CSSخصوصية transition-duration
مثال
تعزيز تأثير التحول
document.getElementById("myDIV").style.transitionDuration = "1s";
النحو
استرداد الخاصية transitionDuration:
العدة.style.transitionDuration
تعيين الخاصية transitionDuration:
العدة.style.transitionDuration = "الوقت|الافتراضي|التوريث"
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| الوقت | يحدد هذا الخاصية مقدار الوقت بالثواني أو الميليسي ثواني اللازمة لإنهاء تأثير التحول. القيمة الافتراضية هي 0، مما يعني عدم وجود تأثير. |
| الافتراضي | أعد هذا الخاصية إلى قيمتها الافتراضية. يرجى الرجوع إلى الافتراضي. |
| التوريث | يرث هذا الخاصية من عنصر الأب. يرجى الرجوع إلى التوريث. |
تفاصيل التقنية
| القيمة الافتراضية: | 0 |
|---|---|
| القيمة الم返回ة: | خط، يمثل خصوصية transition-duration. |
| إصدار CSS: | CSS3 |
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية لأول مرة.
| كروم | إيدج | فايرفوكس | سفاري | أوبرا |
|---|---|---|---|---|
| كروم | إيدج | فايرفوكس | سفاري | أوبرا |
| 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- الصفحة السابقة transitionProperty
- الصفحة التالية transitionTimingFunction
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
