Question 1

CSS में cubic-bezier क्या है?

Accepted Answer

CSS में cubic-bezier क्या है? यह transition और animation में उपयोग होने वाला टाइमिंग फ़ंक्शन है जो गति वक्र परिभाषित करता है: एनीमेशन समय के साथ कितनी तेज़ी से आगे बढ़ता है। डिफ़ॉल्ट cubic-bezier(0.25, 0.1, 0.25, 1) है, जिसे ease भी कहते हैं।

Question 2

मानक ईज़िंग मान क्या हैं?

Accepted Answer

मानक ईज़िंग मान क्या हैं? ease = (0.25, 0.1, 0.25, 1), ease-in = (0.42, 0, 1, 1), ease-out = (0, 0, 0.58, 1), ease-in-out = (0.42, 0, 0.58, 1), linear = (0, 0, 1, 1)।

Question 3

बाउंस प्रभाव कैसे बनाएँ?

Accepted Answer

बाउंस प्रभाव कैसे बनाएँ? Y मानों को 1 से आगे बढ़ाएँ, जैसे cubic-bezier(0.34, 1.56, 0.64, 1)। वक्र क्षण भर लक्ष्य से आगे निकलकर वापस आता है — स्प्रिंग जैसा बाउंस।

Question 4

नकारात्मक Y से एनीमेशन टूटा क्यों दिखता है?

Accepted Answer

नकारात्मक Y से एनीमेशन टूटा क्यों दिखता है? नकारात्मक Y प्रत्याशा (anticipation) बनाता है — तत्व आगे बढ़ने से पहले पीछे हटता है। बैक-ईज़िंग प्रभावों के लिए यह जानबूझकर है, लेकिन अधिकांश सामग्री संक्रमणों में गलत लगता है।

Question 5

क्या cubic-bezier को एनीमेशन में उपयोग कर सकते हैं?

Accepted Answer

क्या cubic-bezier को एनीमेशन में उपयोग कर सकते हैं? हाँ, transition और @keyframes एनीमेशन दोनों में, timing-function प्रॉपर्टी के माध्यम से। यह स्क्रॉल-लिंक्ड एनीमेशन पर भी लागू होता है।

क्यूबिक बेजियर जेनरेटर

📈 क्यूबिक बेजियर जेनरेटर

क्यूबिक बेजियर गाइड

Pro Tips

Frequently Asked Questions

भारतीय रंग