गुण animation-timing-function

गुण animation-timing-function एनिमेशन के परिवर्तन की गति (त्वरण) निर्धारित करता है। उदाहरण के लिए, पहले धीरे, फिर तेज, फिर धीरे, आदि।

सिंटैक्स

मान

मान	विवरण
ease	पहले धीरे, फिर तेज, अंत में फिर से धीरे।
ease-in	धीरे-धीरे शुरू होता है और धीरे-धीरे गति बढ़ाता है।
ease-out	तेजी से शुरू होता है और धीरे-धीरे रुकता है।
ease-in-out	पहले धीरे, फिर तेज, अंत में फिर से धीरे। गति में ease से भिन्न।
linear	हमेशा एक ही गति।
step-start	कोई एनिमेशन नहीं, गुण तुरंत अंतिम मान ले लेता है।
step-end	कोई एनिमेशन नहीं, गुण उस समय का इंतजार करता है, जो animation-duraton में निर्धारित है, और फिर तुरंत अंतिम मान ले लेता है।
steps	गुण का मान छलांग में बदलता है।
cubic-bezier	बेज़ियर वक्र, जो मनमाना एनिमेशन निर्धारित कर सकता है। देखें बेज़ियर वक्र जनरेटर।

डिफ़ॉल्ट मान: ease।

विभिन्न मानों की तुलना

सभी प्रकार की टाइमिंग फ़ंक्शं के काम को देखने के लिए, नीचे दिए गए ब्लॉक्स पर माउस ले जाएँ:

यह भी देखें