Skip to main content

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

विज़ुअली CSS एनिमेशन ईज़िंग कर्व बनाएं। हैंडल खींचें और रियल-टाइम में एनिमेशन पूर्वावलोकन करें।

प्रीसेट

कर्व संपादक

P1(0.25, 0.10)
P2(0.25, 1.00)

पूर्वावलोकन

अवधि

1.0s

आउटपुट

cubic-bezier(0.25, 0.10, 0.25, 1.00)
transition: all 1.0s cubic-bezier(0.25, 0.10, 0.25, 1.00);
इस टूल को शेयर करें
📖

उपयोग कैसे करें

Step 1

कर्व समायोजित करें

कर्व समायोजित करें

बेज़ियर कर्व हैंडल खींचें

Step 2

पूर्वावलोकन

पूर्वावलोकन

एनिमेशन पूर्वावलोकन से जाँचें

Step 3

कॉपी करें

कॉपी करें

उपयोग के लिए CSS कोड कॉपी करें

विशेषताएँ

ड्रैग नियंत्रण

नियंत्रण बिंदुओं को खींचकर कर्व समायोजित करें

प्रीसेट

ease, ease-in, ease-out जैसे प्रीसेट

एनिमेशन पूर्वावलोकन

लाइव एनिमेशन से ईज़िंग का पूर्वावलोकन करें

FAQ

एनिमेशन त्वरण पैटर्न को परिभाषित करने वाला ईज़िंग फ़ंक्शन।

🔗संबंधित टूल

🎨
डिज़ाइन टूल्स

रंग कोड कनवर्टर

HEX, RGB और HSL रंग कोड के बीच रूपांतरण करें। रंग चयनकर्ता और रियल-टाइम प्रीव्यू के साथ सहज रंग चयन।

🎨
डिज़ाइन टूल्स

रंग चयनकर्ता

कलर व्हील और स्लाइडर का उपयोग करके सहज रूप से रंग चुनें। HEX, RGB और HSL प्रारूपों में कलर कोड प्राप्त करें और कॉपी करें।

🎨
डिज़ाइन टूल्स

इमेज रंग एक्सट्रैक्टर

इमेज से प्रमुख रंगों का स्वचालित पता लगाएँ और रंग पैलेट जनरेट करें। इमेज पर कहीं भी क्लिक करके अलग-अलग रंग पिक कर सकते हैं।

🎯
डिज़ाइन टूल्स

इमेज औसत रंग पिकर

पूरी इमेज या चयनित क्षेत्र का औसत रंग गणना करें। रंग योजना चुनने या थंबनेल बैकग्राउंड रंग के लिए उपयोगी।

🌈
डिज़ाइन टूल्स

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

ड्रैग नियंत्रण से विज़ुअली CSS ग्रेडिएंट बनाएं। लीनियर, रेडियल और कॉनिक ग्रेडिएंट प्रकार प्रीसेट के साथ समर्थित।

🔲
डिज़ाइन टूल्स

CSS बॉक्स शैडो जनरेटर

स्लाइडर से विज़ुअली CSS box-shadow बनाएं। एकाधिक शैडो और इनसेट शैडो का समर्थन करता है।