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

टास्क पथ / इनपुट से परिणाम तक

CSS त्रिभुज कैसे बनाएं

1. 01

   दिशा चुनें

   ऊपर दायाँ / नीचे दायाँ / नीचे बायाँ / ऊपर बायाँ · 8

2. 02

   साइज़ सेट करें

   आधार चौड़ाई और त्रिभुज ऊंचाई को 8 से 180 px तक, 1 px के चरणों में सेट करें। ऊपर/नीचे दिशा में चौड़ाई आधार और ऊंचाई नोक तक की दूरी है। बाएं/दाएं दिशा में ऊंचाई लंबवत आधार और चौड़ाई क्षैतिज दूरी है। डिफ़ॉल्ट आकार क्षैतिज 72 px और लंबवत 64 px है।

3. 03

   भरने का रंग चुनें

   भरण रंग को किसी छह-अंकीय hex मान पर सेट करें — डिफ़ॉल्ट #0f4cff है। लाइव पूर्वावलोकन और बना हुआ border-color डिक्लेरेशन हमेशा तालमेल में रहते हैं, इसलिए जो आप देखते हैं, ठीक वही कॉपी होता है।

4. 04

   पूर्वावलोकन स्थिति जांचें

   लाइव पूर्वावलोकन हर बदलाव पर फिर से रेंडर होता है और सभी मान रेंज में होने पर स्थिति बैज मान्य CSS पढ़ता है। रेंज से बाहर का मान उसे मान जांचें पर पलट देता है और हाइलाइट किया गया कंट्रोल ठीक होने तक कॉपी व डाउनलोड रोक देता है।

5. 05

   नमूना प्रीसेट आज़माएं

   नमूना लोड करें से दाईं ओर इशारा करता त्रिभुज मिलता है: क्षैतिज विस्तार 104 px, लंबवत आधार 86 px और भरण #ffd11a। रीसेट डिफ़ॉल्ट वापस लाता है।

6. 06

   CSS कॉपी या डाउनलोड करें

   .triangle नियम को क्लिपबोर्ड पर कॉपी करने के लिए CSS कॉपी करें दबाएं, या उसे toolars-triangle.css के रूप में सहेजने के लिए .css डाउनलोड करें। नियम चौड़ाई और ऊंचाई शून्य पर सेट करता है और चारों बॉर्डर घोषित करता है, किसी भी स्टाइलशीट में पेस्ट करने के लिए तैयार। HTML में वर्तमान CSS और कार्यशील उदाहरण है। मूल नियंत्रण कीबोर्ड इनपुट का समर्थन करते हैं।