خصائص Style animationTimingFunction

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

animationTimingFunction تحديد منحنيات السرعة للتحرك.

تحديد وقت تغيير من مجموعة من النمط CSS إلى مجموعة أخرى.

منحنيات السرعة تستخدم لتغييرات سلسة.

مثال

تغيير خصائص animationTimingFunction لعنصر <div>:

document.getElementById("myDIV").style.animationTimingFunction = "linear";

جرب بنفسك

النحو

استرجاع خصائص animationTimingFunction:

object.style.animationTimingFunction

ضبط خصائص animationTimingFunction:

object.style.animationTimingFunction = "linear|ease|ease-in|ease-out|cubic-bezier(n, n, n, n)|initial|inherit"

قيمة الخصائص

القيمة الوصف
linear سرعة التحرك ثابتة من البداية إلى النهاية.
ease القيمة الافتراضية. التحرك يبدأ بطيء، ثم يسرع، ثم ينتهي بطيء.
ease-in التحرك يبدأ بطيء.
ease-out التحرك ينتهي بطيء.
ease-in-out التحرك له بدء بطيء وإنتهاء بطيء.
cubic-bezier(n, n, n, n)

حدد قيمك الخاصة في وظيفة البيزيير الثلاثية.

القيم الممكنة هي أرقام من 0 إلى 1.
initial اجعل هذا الخصائص هو القيمة الافتراضية. انظر initial.
inherit يرث هذا الخصائص من العنصر الأم. انظر inherit.

تفاصيل التقنية

القيمة الافتراضية: ease
القيمة الم返回ة: السلسلة، تعبر عن animation-timing-function 属性.
إصدار CSS: CSS3

دعم المتصفحات

animationTimingFunction هي خاصية CSS3 (1999).

جميع المتصفحات تدعمها بشكل كامل:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
دعم دعم دعم دعم دعم 11

الصفحات المطلوبة

CSS 参考手册：animation-timing-function 属性