cubic-bezier() एक CSS टाइमिंग फ़ंक्शन है जो परिभाषित करता है कि एनीमेशन कैसे तेज़ और धीमा होता है। इसके चार मान — x1, y1, x2, y2 — समय को प्रगति से जोड़ने वाले वक्र के दो नियंत्रण बिंदु हैं। X-अक्ष समय (0 से 1) और Y-अक्ष एनीमेशन की प्रगति दर्शाता है।
प्रीसेट चुनें या कैनवास पर नारंगी नियंत्रण बिंदुओं को खींचकर अपना ईज़िंग वक्र बनाएं। चलती गेंद आपके टाइमिंग का अहसास सटीक दिखाती है, और CSS आउटपुट किसी भी transition या animation में चिपकाने के लिए तैयार है।
Frequently Asked Questions
Q: CSS में cubic-bezier क्या है?
CSS में cubic-bezier क्या है? यह transition और animation में उपयोग होने वाला टाइमिंग फ़ंक्शन है जो गति वक्र परिभाषित करता है: एनीमेशन समय के साथ कितनी तेज़ी से आगे बढ़ता है। डिफ़ॉल्ट cubic-bezier(0.25, 0.1, 0.25, 1) है, जिसे ease भी कहते हैं।
Q: मानक ईज़िंग मान क्या हैं?
मानक ईज़िंग मान क्या हैं? 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)।
Q: बाउंस प्रभाव कैसे बनाएँ?
बाउंस प्रभाव कैसे बनाएँ? Y मानों को 1 से आगे बढ़ाएँ, जैसे cubic-bezier(0.34, 1.56, 0.64, 1)। वक्र क्षण भर लक्ष्य से आगे निकलकर वापस आता है — स्प्रिंग जैसा बाउंस।
Q: नकारात्मक Y से एनीमेशन टूटा क्यों दिखता है?
नकारात्मक Y से एनीमेशन टूटा क्यों दिखता है? नकारात्मक Y प्रत्याशा (anticipation) बनाता है — तत्व आगे बढ़ने से पहले पीछे हटता है। बैक-ईज़िंग प्रभावों के लिए यह जानबूझकर है, लेकिन अधिकांश सामग्री संक्रमणों में गलत लगता है।
Q: क्या cubic-bezier को एनीमेशन में उपयोग कर सकते हैं?
क्या cubic-bezier को एनीमेशन में उपयोग कर सकते हैं? हाँ, transition और @keyframes एनीमेशन दोनों में, timing-function प्रॉपर्टी के माध्यम से। यह स्क्रॉल-लिंक्ड एनीमेशन पर भी लागू होता है।
भारतीय रंग
केसरिया से लेकर नील तक, भारतीय रंग त्योहारों, वस्त्रों और प्रकृति से जन्मे हैं। होली के गुलाल, मेंहदी की हरियाली और मंदिरों का सिंदूरी — हर रंग की एक कहानी है।
केसरिया #FF9933तिरंगे का केसरिया — साहस और बलिदान का प्रतीक
हरा #138808तिरंगे का हरा — उर्वरता और समृद्धि
अशोक चक्र नीला #000080तिरंगे के केंद्र में धर्म चक्र का नीला
गुलाबी #FF007Fजयपुर का गुलाबी शहर और राजस्थानी पगड़ियाँ
हल्दी #E3A857हल्दी का पीला — शुभता और विवाह का रंग
गेरू #CC7722साधुओं के वस्त्र और मंदिरों का मिट्टी रंग
नील #4B0082प्राचीन भारत का नील रंग — नील की खेती से
सिंदूरी #E34234सिंदूर का लाल — सुहाग और शक्ति का प्रतीक
गेंदा #FFA500गेंदे के फूलों का नारंगी — पूजा और त्योहार
मेहंदी #6B8E23मेहंदी की हरियाली — शादी और तीज का रंग
Q: केसरिया रंग क्या है?
केसरिया रंग क्या है? केसरिया (#FF9933) भारत के राष्ट्रीय ध्वज का सबसे ऊपरी रंग है, जो साहस और बलिदान का प्रतीक है। यह केसर (saffron) से बना रंग है जो साधुओं के वस्त्रों में भी दिखता है।
Q: होली के रंग क्या हैं?
होली के रंग क्या हैं? होली में गुलाल के गुलाबी (#FF007F), पीला (#FFD700) और हरा (#138808) प्रमुख हैं। ये रंग वसंत, प्रेम और नई फसल के उत्सव का प्रतीक हैं।