Skip to main content

CSS त्रिभुज जनरेटर

border प्रॉपर्टी का उपयोग करके CSS त्रिभुज बनाएं। अनुकूलन योग्य आकार और रंग के साथ सभी 8 दिशाओं का समर्थन करता है।

दिशा

10px200px
10px200px

पूर्वावलोकन

CSS कोड

width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #3B82F6;
इस टूल को शेयर करें
📖

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

Step 1

दिशा चुनें

दिशा चुनें

त्रिभुज की दिशा चुनें

Step 2

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

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

आकार और रंग समायोजित करें

Step 3

कॉपी करें

कॉपी करें

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

विशेषताएँ

8 दिशाएँ

विकर्ण सहित 8 दिशाओं में त्रिभुज

कस्टम आकार

चौड़ाई और ऊँचाई स्वतंत्र रूप से निर्दिष्ट करें

लाइव पूर्वावलोकन

रियल-टाइम में पूर्वावलोकन में परिवर्तन दिखते हैं

FAQ

त्रिभुज आकार बनाने के लिए CSS बॉर्डर चौड़ाई का उपयोग करता है।

🔗संबंधित टूल

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

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

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

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

रंग चयनकर्ता

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

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

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

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

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

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

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

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

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

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

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

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

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