इसे कैसे इस्तेमाल करें?

दो हैंडल P1 और P2 खींचें, या किसी प्रीसेट से शुरू करें। ‘चलाएँ’ दबाकर गति देखें, फिर ‘चलाएँ’ (Run) से सूची में जोड़ें।

cubic-bezier क्या है?

वह कर्व जो तय करता है कि एनिमेशन कैसे तेज़ और धीमा होगा। इसे सीधे transition या animation के timing-function में डाल सकते हैं।

CSS बॉक्स पर या किसी सहेजे गए कर्व पर कॉपी बटन दबाएँ, और timing-function नियम क्लिपबोर्ड में चला जाएगा।

CSS ईज़िंग एडिटर

एनिमेशन की गति का कर्व आँख से बनाएँ और cubic-bezier CSS कॉपी करें।

प्रीव्यू

P1 X

P1 Y

P2 X

P2 Y

CSS

transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

आप P1 और P2 हैंडल खींचकर इसे ख़ुद भी आकार दे सकते हैं।

कोई कर्व बनाएँ, ‘चलाएँ’ दबाएँ, और वह यहाँ जमा होगा।