مثال
تغيير منحنى سرعة تأثير انتقال:
document.getElementById("myDIV").style.transitionTimingFunction = "linear";
انها محاولة لنفسك » تعريف والاستخدام
تحدد الخاصية transitionTimingFunction منحنى سرعة تأثير انتقال.
تسمح هذه الخاصية تأثير انتقال لتغيير السرعة أكثر من مدته.
دعم المتصفح
ويدعم خاصية transitionTimingFunction في Internet Explorer 10، فايرفوكس، أوبرا، وكروم.
رحلات السفاري يدعم بديل، الخاصية WebkitTransitionTimingFunction.
ملاحظة: لا يتم اعتماد خاصية transitionTimingFunction في Internet Explorer 9 والإصدارات السابقة.
بناء الجملة
إعادة الممتلكات transitionTimingFunction:
object .style.transitionTimingFunction تعيين الخاصية transitionTimingFunction:
object .style.transitionTimingFunction ="ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|
initial|inherit"
قيم الممتلكات
| القيمة | وصف |
|---|---|
| ease | القيمة الافتراضية. تحديد تأثير انتقال مع بداية بطيئة، ثم بسرعة، ثم تنتهي ببطء (equivalent to cubic- bezier(0.25,0.1,0.25,1) ) |
| linear | تحديد تأثير انتقال بنفس السرعة من البداية الى النهاية (equivalent to cubic- bezier(0,0,1,1) ) |
| ease-in | تحديد تأثير انتقال مع بداية بطيئة (أي ما يعادل cubic- bezier(0.42,0,1,1) ) |
| ease-out | تحديد تأثير انتقال مع نهاية بطيئة (أي ما يعادل cubic- bezier(0,0,0.58,1) ) |
| ease-in-out | تحديد تأثير انتقال مع بطء البداية والنهاية (أي ما يعادل cubic- bezier(0.42,0,0.58,1) ) |
| cubic- bezier( n , n , n , n ) | تحديد القيم الخاصة بك في وظيفة بيزيه المكعب. القيم الممكنة هي قيم رقمية 0-1 |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | سهولة |
|---|---|
| قيمة الإرجاع: | A سلسلة تمثل الملكية الانتقال توقيت وظيفة عنصر |
| صفحة CSS | CSS3 |
صفحات ذات صلة
CSS المرجع transition-timing-function property
<كائن نمط