UTILS.
निजता हमेशा पहले
▲

CSS Triangle जनरेटर

किसी भी दिशा में शुद्ध-CSS त्रिभुज बनाएँ और CSS कॉपी करें।

आपकी फ़ाइलें इसी डिवाइस पर रहती हैं

फ़ाइलें ब्राउज़र में प्रोसेस होती हैं, कभी अपलोड नहीं होतीं। साइट टूल चलाने के लिए ज़रूरी कोड और संसाधन डाउनलोड करती है। न खाता, न ट्रैकर।

इस टूल को एक HTML फ़ाइल में सहेजकर ऑफ़लाइन इस्तेमाल करने के लिए डाउनलोड करें।

गोपनीयता →

इस टूल के बारे में

क्लासिक बॉर्डर ट्रिक का उपयोग करके शुद्ध-CSS त्रिभुज बनाएँ — दिशा, आकार और रंग चुनें, फिर नियम को कॉपी करें। प्रीव्यू लाइव अपडेट होता है और सब कुछ आपके ब्राउज़र में चलता है।

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

बॉर्डर ट्रिक कैसे काम करती है?
शून्य चौड़ाई और ऊँचाई वाला एलिमेंट केवल अपने बॉर्डर दिखाता है; तीन बॉर्डरों को पारदर्शी बनाने से एक रंगीन बॉर्डर त्रिभुज के आकार में बचता है।
चौड़ाई और ऊँचाई 0 पर क्यों सेट की जाती है?
बॉक्स क्षेत्र न होने पर बॉर्डर केंद्र पर मिलते हैं, इसलिए एकमात्र दिखाई देने वाला बॉर्डर मोटे किनारे के बजाय एक साफ-सुथरा त्रिभुज बन जाता है।

और टूल