خصوصیت Style transitionTimingFunction

دفعیت اور استعمال

transitionTimingFunction عوامل کا حصہ یہ تبدیلی کی جانے والی رفتار کی منحنی مقرر کرتا ہے.

اس کا حصہ اجازت دیتا ہے کہ تبدیلی کی جانے والی رفتار اپنی مدت کے دوران تبدیل ہو.

دوسرے دیکھیئے:

CSS مرجع دستاویزات:transition-timing-function کا حصہ

مثال

تبدیل کی جانے والی رفتار کی منحنی بدلنا:

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

صرف خود سنجیدن

قواعد

transitionTimingFunction کا حصہ بازگشتی کرنا:

عنصر.style.transitionTimingFunction

transitionTimingFunction کا حصہ قائم کرنا:

عنصر.style.transitionTimingFunction = 
"ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|initial|inherit"

عوامل قیمت

قیمت وصف
ease

مقصد: آپ شروع میں آرام کیا جاتا ہے، تو تیز اور ختم میں آرام.

مقصد:
بجائے اس میں: cubic-bezier(0.25, 0.1, 0.25, 1) استعمال کیا جاتا ہے.

خطی

بجائے اس میں: 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(ن, ن, ن, ن)

تین بار سے بی塞尔 فنکشن میں آپ کی اپنی قیمت دینا.

ممکنہ اقدار 0 سے 1 تک کی تعدادو ں کی مجموعہ ہیں.
initial اس کا حصہ اس کی مقصدی کی طرح رکھا جاتا ہے، وضاحت کے لئے دیکھیئے: initial.
inherit اس کا حصہ والد عنصر سے وصول کیا جاتا ہے، وضاحت کے لئے دیکھیئے: inherit.

تکنیکی تفصیلات

مقصد: ease
بازگشتی ارزش: قسمت، جو عناصر کا transition-timing-function کا حصہ.
CSS ورژن: CSS3

بھرائی جانے والی براوزر

تبصرے میں شمارا تال کا استعمال کیا گیا ہے، جو پہلے اس کاکمپٹیبل ورژن کا نشان دہی کرتا ہے.

Chrome Edge Firefox Safari اُپيرا
Chrome Edge Firefox Safari اُپيرا
26.0 10.0 16.0 6.1 12.1