نمط الانتقال ، التوقيت ، خاصية الوظيفة
مثال
تغيير منحنى السرعة لتأثير الانتقال:
document.getElementById("myDIV").style.transitionTimingFunction = "linear";
التعريف والاستخدام
تحدد خاصية وظيفة TransitionTimingFunction منحنى السرعة لتأثير الانتقال.
تسمح هذه الخاصية لتأثير الانتقال بتغيير السرعة على مدار مدته.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
transitionTimingFunction | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionTimingFunction |
12.1 |
بناء الجملة
قم بإرجاع خاصية دالة TransportationTimingFunction:
object.style.transitionTimingFunction
عيّن خاصيةransTimingFunction:
object.style.transitionTimingFunction = "ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|
initial|inherit"
قيم الملكية
Value | Description |
---|---|
ease | Default value. Specifies a transition effect with a slow start, then fast, then end slowly (equivalent to cubic-bezier(0.25, 0.1, 0.25, 1)) |
linear | Specifies a transition effect with the same speed from start to end (equivalent to cubic-bezier(0, 0, 1, 1)) |
ease-in | Specifies a transition effect with a slow start (equivalent to cubic-bezier(0.42, 0, 1, 1)) |
ease-out | Specifies a transition effect with a slow end (equivalent to cubic-bezier(0, 0, 0.58, 1)) |
ease-in-out | Specifies a transition effect with a slow start and end (equivalent to cubic-bezier(0.42, 0, 0.58, 1)) |
cubic-bezier(n, n, n, n) | Define your own values in the cubic-bezier function. Possible values are numeric values from 0 to 1 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | يسهل |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية وظيفة التوقيت والتوقيت لعنصر ما |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية دالة توقيت الانتقال
❮ نمط الكائن