सीएसएस गुण "पारदर्शिता" साइट डिजाइन अधिक रोचक बनाउन एक सजिलो तरीका हो।

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

तत्वहरूको पारदर्शिता सेट गर्नका लागि परिमिति

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

• अस्पष्टता;
• फिल्टर;
• पृष्ठभूमिको रूपमा PNG तस्बिर।

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

छविको पारदर्शिता (परिवर्तन)

जब माउस माउस कर्सर तत्वमा होभर गर्दा पारदर्शिता देखाइनेछ जब विकल्पको साथ सुरू गरौं ।

तस्वीरको पारदर्शिता कसरी सेट गर्ने विचार गर्नुहोस्। सीएसएस दुई विकल्प प्रदान गर्दछ। यो गर्नका लागि, यो आवश्यक छ कि यो सीधा HTML-कोडमा यो लेखमा लेख्नु पर्छ निम्नानुसार:

1. तस्विरमा पथ निर्दिष्ट गर्नुहोस्।
2. कर्सरमाथि होभर गर्दा पारदर्शिता सेटिङ निर्धारण गर्नुहोस् र होइन। यो गर्नका लागि, हामी ओममोहेवर र ओममोइआउट विशेषताहरू प्रयोग गर्दछौं, जसमा हामीले अस्पष्टता र फिल्टर मानहरू सेट गर्यौं।

यी समान विशेषताहरू सीएसएस-कागजातमा लेख्न सकिन्छ, र स्रोत कोडमा, यो मात्र एक लिङ्क थप्नुहोस्। परिणामहरू समान छन्।

पाठ र पृष्ठ ब्लकहरूको पारदर्शिता

पाठ वा ब्लकको लागि (डीभीको पारदर्शिता), सीएसएसले एक पारदर्शी छवि सिर्जना गर्न समान विकल्प प्रयोग गर्दछ, जुन जडान भएको सीएसएस फाइल प्रयोग गरी, जसमा आवश्यक मापदण्डहरू सेट हुनेछन्। तपाईं एक सरल तरिकामा जान सक्नुहुन्छ। डीभी स्ट्रिङ ब्लक वा पी पाठको शैली निर्दिष्ट गर्दा, ओममोभभर र ओममोआउट तत्वहरूको लागि निम्न HTML कोडको वर्णन गर्नुहोस्। दुवै विकल्पहरू काम गर्छन् र इच्छित परिणाम दिनुहोस्।

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

केहि अवस्थामा, एक वस्तु, डिजाइन तत्व, वा पाठको पारदर्शिता निरन्तर आधारमा सेट गर्न आवश्यक छ। यस स्थितिमा, जब तपाइँ माउस कर्सर होभर गर्दा यो पनि सजिलो छ।

सीएसएस तत्वको लागि, पारदर्शिता निम्न कोड द्वारा दिइएको छ। विभागीय शैली ब्लकमा, हामीले पृष्ठभूमिको लागि मानहरू प्रदान गर्दछौं (उदाहरणको लागि, # ff8800), अस्पष्टता (उदाहरणका लागि, 0.5), साथै चौडाई र प्याडिङ।

कोडमा छविको लागि, हामी अस्पष्टता र फिल्टरको मान प्रविष्ट गर्दछौं, र छविको लागि बाटो निर्दिष्ट गर्दछौं।

RGBA विधि

यस गुण सीएसएस प्रयोग गर्न अन्य विकल्पहरू छन्: पारदर्शिता कुनै पनि डिजाइन तत्वको पृष्ठभूमि रङ्गमा लागू गर्न सकिन्छ। यसको लागि, RGBA विधि प्रयोग गरिन्छ। पहिलो तीन अक्षरले मुख्य रङहरू (रातो, ठोस, नीलो) र अन्तिम एक - अल्फालाई संकेत गर्दछ, जसले पारदर्शिताको स्तर निर्धारण गर्दछ। RGBA-ढाँचा प्रयोग गरेर, पारदर्शिताको डिग्री निर्धारण गर्नुहोस्, यसलाई अन्तिम अंकमा संकेत गर्नुहोस्। उदाहरणका लागि, यो मामला हो: पृष्ठभूमि: REGBA (240,2,33,0,4035)।

निष्कर्ष

यसैले, साइट डिजाईनमा काम गर्ने क्रममा सरल तर प्रभावकारी सम्पत्ति सीएससी "पारदर्शिता" प्रयोग गर्दै, तपाईं प्रयास गर्न सक्नुहुनेछ कम्तिमा प्रयासका साथ यो तत्त्वहरू थप रोचक र अधिक देखिने देखिन सक्नुहुनेछ। पारदर्शिता विशेषताहरू निर्दिष्ट गर्न वर्णित विकल्पहरूले तपाईंलाई यो मद्दत गर्नेछ।