نمط الانتقال : خاصية المدة
مثال
تسريع تأثير الانتقال:
document.getElementById("myDIV").style.transitionDuration = "1s";
التعريف والاستخدام
تعيّن خاصية transferDuration أو تُرجع عدد الثواني (الثواني) أو المللي ثانية (مللي ثانية) التي يستغرقها تأثير الانتقال حتى يكتمل.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionDuration |
12.1 |
بناء الجملة
قم بإرجاع خاصية وقت الانتقال:
object.style.transitionDuration
قم بتعيين خاصية وقت الانتقال:
object.style.transitionDuration = "time|initial|inherit"
قيم الملكية
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | 0 |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية مدة الانتقال لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية مدة الانتقال
❮ نمط الكائن