Cubic Bezier एक्सेलरेशन कर्व जेनरेटर

CSS के लिए cubic-bezier एक्सेलरेशन (easing) कर्व बनाएँ। मानक प्रीसेट शामिल हैं।

a: 0.25

b: 0.1

c: 0.25

d: 1

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

Cubic Bezier कर्व जेनरेटर क्या है?

CSS एनिमेशन यह नियंत्रित करने के लिए easing फ़ंक्शन का उपयोग करते हैं कि समय के साथ मान कैसे बदलते हैं। cubic-bezier के चार पैरामीटर (0,0) से (1,1) तक एक कर्व परिभाषित करते हैं: कर्व जितना तीव्र होगा, उस क्षेत्र में एनिमेशन उतना ही तेज़ होगा। सामान्य प्रीसेट अधिकांश ज़रूरतों को पूरा कर देते हैं; कस्टम कर्व एक विशिष्ट गति बनाते हैं।

अक्सर पूछे जाने वाले प्रश्न

ease और ease-in में क्या अंतर है?▼

ease पहले गति बढ़ाता है फिर घटाता है। ease-in केवल गति बढ़ाता है। ease-out केवल गति घटाता है। ease-in-out दोनों को अधिक स्पष्ट रूप से करता है।

मुझे कस्टम कर्व कब उपयोग करने चाहिए?▼

जब मानक easing सामान्य लगने लगें। सूक्ष्म कस्टम कर्व ब्रांड की अपनी एक गति-पहचान बनाते हैं।

Cubic Bezier एक्सेलरेशन कर्व जेनरेटर

Cubic Bezier कर्व जेनरेटर क्या है?

अक्सर पूछे जाने वाले प्रश्न

संबंधित टूल

कलर कन्वर्टर (HEX/RGB/HSL)

CSS Box Shadow जनरेटर

CSS ग्रेडिएंट जेनरेटर

कलर पैलेट जनरेटर

CSS Border Radius जनरेटर

CSS Clamp() जनरेटर