UTILS.
100% ब्राउज़र में

CSS Triangle जनरेटर

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

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

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

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

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

और टूल