संपत्ति सीएसएस "पारदर्शिता" - साइट को और अधिक दिलचस्प डिजाइन बनाने के लिए एक आसान तरीका

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

पैरामीटर पारदर्शिता के तत्वों को निर्दिष्ट

पैरामीटर कई के तत्वों की पारदर्शिता को विनियमित करने के। वे ब्राउज़र, "समायोजित" डिजाइन किया जा रहा है जो के रूप में विशिष्ट उद्देश्यों के आधार पर किया जाता है, साथ ही साथ। ये निम्नलिखित गुण शामिल हैं:

• अस्पष्टता;
• फ़िल्टर कर;
• एक पृष्ठभूमि के रूप में पीएनजी की छवि।

संपत्ति मूल्य सीएसएस "पारदर्शिता" इस प्रकार बदल रहे हैं: उच्च संख्या, कम तत्व की पारदर्शिता का स्तर। अस्पष्टता, यह 0 से 1 तक की हो सकती फिल्टर में - 10 से 100 करने के लिए और बाद के Interet एक्सप्लोरर ब्राउज़र, और अन्य सभी लागू अस्पष्टता संपत्ति के लिए प्रयोग किया जाता है।

पारदर्शिता छवि (बदलना)

के विकल्प जब आप आइटम के लिए कदम है कि पारदर्शी दिखाई देगा साथ शुरू करते हैं माउस खींचकर।

हमें विचार करना छवि की पारदर्शिता निर्दिष्ट करने के लिए कैसे करते हैं। सीएसएस दो विकल्प प्रदान करता है। ऐसा करने के लिए, तो आप सीधे कोड एचटीएमएल-दस्तावेज़ में इस प्रकार रजिस्टर करना होगा:

1. छवि के लिए पथ निर्दिष्ट करें।
2. हम पारदर्शिता के मापदंडों को परिभाषित जब कर्सर नहीं है। ऐसा करने के लिए, हम onmouseover और onmouseout, जो अस्पष्टता, और फिल्टर का मूल्य निर्धारित करता है के गुणों का उपयोग करें।

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

पाठ और पेज ब्लॉक के पारदर्शिता

के रूप में पाठ या खंड (पारदर्शी div) के लिए, सीएसएस अपने विकल्प, एक पारदर्शी छवि बनाने के लिए इसी तरह प्रदान करता है, आप जुड़े सीएसएस फ़ाइल, जिसमें वांछित मापदंडों सेट कर रहे हैं का उपयोग करने के लिए है। तुम जाओ और एक सरल तरीका प्रदान करता है। आप शैली ब्लॉक div शैली सेट या पाठ पी onmouseover और तत्वों onmouseout के लिए निम्न HTML कोड लिख सकते हैं। दोनों विकल्पों के काम करते हैं और वांछित परिणाम उपज।

पारदर्शिता निरंतर

कुछ मामलों में, एक वस्तु की पारदर्शिता, एक डिजाइन तत्व या पाठ आप नियमित तौर पर स्थापित करना चाहते हैं। इस स्थिति में, समाधान जब आप माउस कर्सर मंडराना से भी सरल है।

पारदर्शिता के लिए सीएसएस तत्व निम्नलिखित कोड द्वारा दी जाएगी। ब्लॉक div शैली में पृष्ठभूमि (जैसे, # ff8800), अस्पष्टता (जैसे, 0.5) और चौड़ाई (चौड़ाई) और गद्दी (गद्दी) के लिए मानों की सलाह।

छवि के लिए कोड मान बना रहे हैं और अस्पष्टता फिल्टर, और छवि के लिए पथ निर्दिष्ट करें।

RGBA-विधि

पारदर्शिता किसी भी डिजाइन तत्व के आधार रंग के लिए लागू किया जा सकता है: इस प्रॉपर्टी के सीएसएस का उपयोग कर के लिए अन्य विकल्प हैं। यह RGBA विधि का उपयोग करता। अल्फा, जो पारदर्शिता का स्तर निर्धारित करता है - पहले तीन अक्षरों मूल रंगों (लाल, विखंडन, नीला), और पिछले के लिए खड़े हैं। RGBA-प्रारूप का उपयोग पारदर्शिता का प्रावधान है, पिछले अंक के लिए यह इशारा करते हुए। उदाहरण के लिए, के रूप में: पृष्ठभूमि: RGBA (240,2,33,0.4035)।

निष्कर्ष

इस प्रकार, साइट डिजाइन सरल लेकिन प्रभावी सुविधा सीएसएस "पारदर्शिता" पर काम के दौरान का उपयोग करके, आप इसे और अधिक रोचक और अधिक ध्यान देने योग्य न्यूनतम प्रयास के साथ तत्वों बना सकते हैं। वर्णित embodiments कस्टम पारदर्शिता सुविधाओं इसमें सहायता कर सकते हैं।