مثال
تغيير الخاصية animationTimingFunction ل <div> العنصر:
document.getElementById("myDIV").style.animationTimingFunction = "linear";
انها محاولة لنفسك » تعريف والاستخدام
يحدد animationTimingFunction منحنى سرعة الحركة.
ويعرف منحنى سرعة الوقت يستخدم الرسوم المتحركة للتغيير من مجموعة واحدة من أساليب CSS إلى آخر.
يستخدم منحنى السرعة لإجراء التغييرات على نحو سلس.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
أرقام تليها غادة عادل تحدد النسخة الأولى التي عملت مع بادئة.
| خاصية | |||||
|---|---|---|---|---|---|
| animationTimingFunction | 43.0 | غير معتمد | 16.0 5.0 غادة عادل | غير معتمد | 30.0 |
بناء الجملة
إعادة الممتلكات animationTimingFunction:
object .style.animationTimingFunction تعيين الخاصية animationTimingFunction:
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( قيم الممتلكات القيمة وصف linear الرسوم المتحركة لديها نفس السرعة من البداية الى النهاية ease القيمة الافتراضية. الرسوم المتحركة لديه بداية بطيئة، ثم بسرعة، قبل أن تنتهي ببطء ease-in الرسوم المتحركة لديه بداية بطيئة ease-out الرسوم المتحركة لديه نهاية بطيئة ease-in-out الرسوم المتحركة على حد سواء بداية بطيئة ونهاية بطيئة cubic- bezier( n , n , n , n ) تحديد القيم الخاصة بك في وظيفة مكعب بيزيه
القيم الممكنة هي قيم رقمية 0-1 initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: سهولة قيمة الإرجاع: A سلسلة، تمثل الممتلكات الرسوم المتحركة توقيت وظيفة عنصر صفحة CSS CSS3
صفحات ذات صلة
CSS المرجع animation-timing-function property
<كائن نمط