Cubic Bezier जनरेटर
इंटरैक्टिव कर्व एडिटर, एनिमेशन प्रीव्यू और प्रीसेट ईज़िंग के साथ CSS cubic-bezier टाइमिंग फ़ंक्शन डिज़ाइन करें।
कर्व एडिटर
प्रीसेट
कंट्रोल पॉइंट
P1
P2
एनिमेशन प्रीव्यू
s
ट्रांसलेट
स्केल
अपारदर्शिता
CSS आउटपुट
Ctrl+Enter चलाने के लिएCtrl+Shift+C कॉपी करने के लिए
और जानें
Cubic Bezier जेनरेटर: CSS एनिमेशन ईज़िंग को दृश्य बनाया गया
Cubic bezier वक्र यह नियंत्रित करते हैं कि CSS एनिमेशन कैसा महसूस होता है। जानें कि नियंत्रण बिंदु गति को कैसे आकार देते हैं और कस्टम ईज़िंग बनाते हैं।
Cubic Bezier वक्र क्या हैं?
एक cubic Bezier वक्र एक गणितीय फ़ंक्शन है जिसका उपयोग CSS में एनिमेशन और ट्रांज़िशन के समय को परिभाषित करने के लिए किया जाता है। cubic-bezier(x1, y1, x2, y2) के रूप में लिखा जाने वाला यह वर्णन करता है कि एक एनिमेशन शुरू से अंत तक कैसे आगे बढ़ता है, समय को चार नियंत्रण बिंदुओं द्वारा परिभाषित एक सहज वक्र के साथ प्रगति पर मैप करके।
5 मिनट का पठनपूरी गाइड पढ़ें