गुण animation-timing-function

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

सिंटैक्स

cssसेलेक्टर {
  animation-timing-function: मान;
}

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

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

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