कैसे सीएसएस त्रिकोण कार्य करें: सबसे सुविधाजनक तरीके

अक्सर खूबसूरत आधुनिक वेब पृष्ठों कई आकर्षक ग्राफिक्स होते हैं। उनमें से सबसे सरल एक त्रिकोण है, जो तत्वों की अधिकता डिजाइन करने के लिए प्रयोग किया जाता है के रूप में इस तरह के ज्यामितीय आकार का उपयोग करता है। उदाहरण के लिए, वे एक सूचक के रूप में एक वस्तु के लिए पृष्ठ पर आगंतुक उसे की ओर ध्यान दिया जाता है। बेशक, त्रिकोण का मुख्य कार्य - एक सजावटी, ब्लॉक उन्हें शामिल करने, के रूप में और अधिक आधुनिक और आकर्षक होते जा रहे हैं।

हर कोई व्यापक स्टाइल शीट्स के माध्यम से इस तरह के एक आंकड़ा कैसे बनाएं, और सीएसएस में एक त्रिकोण बनाने के लिए कैसे सोच रहे हैं जानता है।

साइटों के डिजाइन में आवेदन

हर जगह वेब डिजाइन त्रिकोण में। वे बाहर टिप्स, मेनू, विभिन्न UI तत्व बना रहे हैं। कभी कभी वे बूट प्रक्रिया का एक संकेतक बनाने के लिए इस्तेमाल कर रहे हैं। और अगर पहले यह उनके बिना ऐसा करना संभव था, लेकिन अब यह असंभव है, और डेवलपर्स ऐसी जरूरतों के लिए अनुकूल करने के लिए बाध्य कर रहे हैं। इंटरफ़ेस के भागों के बीच एक दूसरे का संबंध के निर्माण में एक महत्वपूर्ण हिस्सा है और एक इकाई में विलय - सब के बाद, आज सीएसएस त्रिकोण में बनाया।

कई वेब डिजाइनर उलझन में जब यह लेआउट, डिजाइन, जिनमें से बहुत बार है त्रिकोण की बात आती है। सब के बाद, कोई गुण सीधे इस ज्यामितीय आंकड़ा बनाने होगा। वास्तव में, वहाँ यह करने के लिए कई तरीके हैं।

का उपयोग कर फ्रेम बनाने का एक तरीका

सीमा - पहली विधि आप सीएसएस में एक त्रिकोण बनाने के लिए अनुमति देता है। उन्होंने फ़्रेम का उपयोग कर रहा है। तथ्य यह है कि सीमाओं कि सीमा संपत्ति का उपयोग कर बनाई गई हैं सीधे त्रिकोण से संबंधित नहीं है के बावजूद, यह इस उद्देश्य के लिए सबसे अधिक बार प्रयोग किया जाता है।

जब शून्य ऊंचाई और वस्तु की चौड़ाई, और साथ ही एक मोटी सीमा की स्थापना करते समय, आप वर्ग है, जो चार बराबर त्रिकोण में बांटा गया है देख सकते हैं। चाल है कि आप केवल आवश्यक सीमा रखने की जरूरत है, और दूसरों को पारदर्शी बनाने के लिए है। और अब, यह एक त्रिकोण सीएसएस सही दिशा और रंग में तैयार हो जाता है।

गुण "फ्रेम" सुविधाजनक है का उपयोग करते हुए कोण बनाएं क्योंकि किसी भी संपादन का उपयोग चित्रों आकर्षित करने के लिए कोई जरूरत नहीं है वहाँ। त्रिकोण मापदंडों हमेशा कोड में बदला जा सकता है। और यह समय डेवलपर की बचत होती है। फ्रेम के विभिन्न चौड़ाई के संयोजन से आसान आंकड़ा पाने के लिए पर्याप्त है। यह कैसे काम करता समझने के लिए, आप बस एक शून्य चौड़ाई, ऊँचाई के साथ एक खाली तत्व है, और बहुत मोटी फ्रेम प्रत्येक पक्ष पर एक अलग रंग बना सकते हैं। तो, चार पारदर्शी त्रिकोण के तीन तरफ बनाने विभिन्न प्रकार के होते हैं:

• त्रिकोण, बाईं ओर की तलाश में, पक्षों, जिसके समान हैं;
• त्रिकोण, छोड़ दिया और चपटा दिखने;
• एक लम्बी त्रिकोण, छोड़ दिया सामना;
• कोण त्रिभुज, जिसका सही कोण के लिए छोड़ दिया;
• त्रिकोण नीचे की ओर देख;
• त्रिकोण को देख;
• त्रिकोण, ठीक है, और कई अन्य प्रजातियों के लिए देख।

psevdoedementov का उपयोग करना

इन तकनीकों के साथ, आप पॉप-अप निर्देशों और सुझावों में कोण बना सकते हैं। इकाई के लिए सीएसएस त्रिकोण के माध्यम से संलग्न करने के लिए, ज्यादातर प्रोग्रामर इस तरह के एक छद्म के बाद के रूप में और इससे पहले कि का उपयोग करें। आप उन्हें एक साथ उपयोग करते हैं, यह सीएसएस एक स्ट्रोक होने त्रिकोण में आकर्षित करने के लिए संभव है।

उन्हें संयोजन से, डेवलपर्स सुंदर शूटर की एक किस्म बनाने के लिए, संपत्ति को लागू करने की स्थिति: रिश्तेदार पेरेंट तत्व करने के लिए। इस आदेश में करने के लिए किया जाता है छद्म नहीं अपनी सीटों से बाहर चले गए।

प्लस त्रिकोण बनाने के लिए सीएसएस ढांचे के उपयोग कर रहे हैं:

• आकार और गुण की मदद से रंग की जल्दी और आसानी से संपादन;
• सभी ब्राउज़रों समर्थन करते हैं।

विपक्ष:

• क्योंकि यह फ्रेम का उपयोग करता है, वहाँ ढ़ाल, छाया लागू करने के लिए कोई संभावना नहीं है;
• कभी कभी, उपयोगकर्ता Firefox ब्राउज़र के पेज पर लग रहा है जब, अल्फा मूल्य काम नहीं कर सकता है, और इस छवि को बिगाड़ना जाएगा।

रेडीमेड चित्रों का उपयोग करना

त्रिकोण बनाने के लिए निम्न विधि - एन्कोडेड छवियों का उपयोग है। त्रिकोण एक छवि संपादक में पहले से तैयार की और विशेष सेवाओं के साथ एक विशेष कोड में बदल जाती है।

इस विधि का लाभ यह है कि आप छाया, ढ़ाल, और फ्रेम के साथ एक बहुत ही सुंदर डिजाइन कर सकते हैं और फिर बस यह सब सांकेतिक शब्दों में बदलना है। लेकिन नकारात्मक पक्ष यह तथ्य यह है कि हर कोई ग्राफिक्स कार्यक्रमों में धाराप्रवाह है है। इसके अलावा, यदि छवि बहुत बड़ी है, कोड की लाइन बस विशाल द्वारा प्राप्त की है। इस डेवलपर के लिए असुविधाजनक है।

ब्राउज़रों Internert एक्सप्लोरर पुराने संस्करणों के उपयोग के लायक एक अलग मद। उन्हें में, विधि बस काम नहीं करता।

विधि उल्टे वर्ग

एक तरह से सीएसएस उल्टे वर्ग का एक साधन तैयार करना है। दो बुनियादी इकाई हैं। लेकिन कुछ लोगों को छद्म का उपयोग करें।

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

परिणाम

तो, वहाँ कई तरीके एक त्रिकोण बनाने के लिए कर रहे हैं। केवल यह इन सभी सीएसएस गुण में खो नहीं करता है? इस मामले में संदर्भ हमेशा मदद मिलेगी। यह व्यापक स्टाइल शीट्स की सभी सुविधाओं का वर्णन करता है।

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