சொத்து CSS "வெளிப்படைத்தன்மை" - தளத்தில் சுவாரசியமான வடிவமைப்பு செய்ய ஒரு எளிய வழி

இன்று, இணையதளம் வடிவமைப்பு உருவாக்கம் ஒரு கலை வடிவம் ஆகிறது. இந்த ஒரு குறிப்பிட்ட நிறம் மற்றும் பக்கம் கூறுகள் தொகுப்பாக மட்டும் அல்ல அளவு, எழுத்துருக்கள் வெவ்வேறு பாணிகள் மற்றும் கருப்பொருளாக ஓவியங்கள். மற்றவர்கள் உங்கள் தளம் வெவ்வேறான செய்ய பார்வையாளர்களின் கவனத்தை ஈர்க்க ஈர்க்க மற்றும் சில கூறுகள் அதை இயக்கும் பொருட்டு, முறைகள் மற்றும் கருவிகள் ஒரு பெரிய எண் பயன்படுத்தப்படுகிறது. வெளிப்படைத்தன்மை - இவர்களில் மிகவும் பிரபலமான சொத்து CSS உள்ளது. இந்த நுட்பம் மிகவும் நாகரிகமான கவர்ச்சி, எனவே பெரும்பாலும் பயன்படுத்தப்படுகிறது. உதாரணமாக உரை தொகுதி அல்லது முழு படம், - வெளிப்படைத்தன்மை தளத்தில் பல்வேறு பொருட்களை பக்கங்களை கொடுக்க முடியும். இது பல்வேறு வழிகளில் இல் சாதிக்கப்பட்டது. எங்களுக்கு கீழே ஆராய்வோம்.

அளவுருக்கள் வெளிப்படைத்தன்மை உறுப்புகளை குறிப்பிட

அளவுருக்கள் பல கூறுகள் வெளிப்படைத்தன்மை கட்டுப்படுத்தும். அவர்கள் "சரிசெய்யப்பட்டது" வடிவமைக்கும் பணியில் இது உலாவி, அதனால், குறிப்பிட்ட நோக்கங்கள் பொறுத்து அதே பயன்படுத்தப்படுகின்றன. இந்த பின்வரும் சொத்துக்கள் பின்வருமாறு:

• ஒளிர்வு;
• வடிகட்ட;
• பின்புலமாக, PNG-படம்.

எண், உறுப்பு வெளிப்படைத் தன்மை குறைந்த நிலை அதிக: சொத்து மதிப்பு CSS "வெளிப்படைத்தன்மை" பின்வருமாறு மாற்ற வேண்டும். ஒளிர்வு, அதை வடிகட்டி, 0 முதல் 1 வரை மாறுபடுகிறது - 10 100 வரை மற்றும் பிந்தைய Interet எக்ஸ்ப்ளோரர் உலாவி, மற்றும் அனைத்து பிற பொருந்தும் ஒளிர்வு சொத்து பயன்படுத்தப்படுகிறது.

வெளிப்படைத்தன்மை படம் (மாற்றுவது)

நீங்கள் உருப்படியை நகர்த்த போது வெளிப்படையான தோன்றும் என்று விருப்பங்கள் ஆரம்பிக்கலாம் சுட்டியை இழுப்பதன் மூலம்.

எங்களுக்கு படத்தை வெளிப்படைத்தன்மை எப்படி குறிப்பிடுவது என்று சிந்திக்கலாம். CSS ஐ இரண்டு விருப்பங்கள் வழங்குகிறது. இதை செய்ய, நீங்கள் அதை நேரடியாக குறியீடு HTML-ஆவணத்தில் பின்வருமாறு தங்களைப் பதிவு செய்து கொள்ளவேண்டும்:

1. படத்தை பாதையை குறிப்பிடவும்.
2. கர்சர் இல்லாத போது நாம் வெளிப்படைத்தன்மை அளவுருக்கள் வரையறுக்க. இதை செய்ய, நாம் ஒளிர்வு, மற்றும் வடிகட்டி மதிப்பு பரிந்துரைக்கிறார் இது onmouseover மற்றும் onmouseout, பண்புகளை பயன்படுத்தி.

அதே பண்புகள் CSS-ஆவணம் மற்றும் அது ஒரு குறிப்பு சேர்க்க மூல குறியீடு இவை பரிந்துரைக்கப்படலாம் முடியும். முடிவுகளை அதே மாறிவிடும்.

உரை மற்றும் பக்கம் தொகுதிகள் வெளிப்படைத்தன்மை

உரை அல்லது தொகுதி (வெளிப்படையான கிராம) க்கான, CSS அதன் விருப்பத்தை, ஒரு வெளிப்படையான படத்தை உருவாக்குவதில் ஒத்த வழங்குகிறது, நீங்கள் இதில் விரும்பிய அளவுருக்கள் அமைக்க இணைக்கப்பட்டுள்ளது CSS-கோப்பு, பயன்படுத்த வேண்டும். நீங்கள் சென்று ஒரு எளிமையான வழி முடியும். நீங்கள் பாணி தொகுதி கிராம பாணி அமைக்க அல்லது உரை ப onmouseover மற்றும் கூறுகள் onmouseout பின்வரும் HTML குறியீடு எழுதி போது. இரண்டு விருப்பங்களும் வேலை மற்றும் எதிர்பார்த்த பலன்களைத்.

வெளிப்படைத்தன்மை நிலையான

சில சந்தர்ப்பங்களில், ஒரு பொருளின் வெளிப்படைத்தன்மை, ஒரு வடிவமைப்பு உறுப்பு அல்லது நீங்கள் தொடர்ந்து அடிப்படையில் அமைக்க வேண்டும் உரை. இந்த சூழ்நிலையில், தீர்வு நீங்கள் சுட்டி கர்சர் படல் போது விட எளிமையானது.

ஒளிபுகுந்தன்மை CSS உறுப்பு பின்வரும் குறியீடு மூலம் வழங்கப்படும். தொகுதி கிராம பாணியில் பின்னணி (எ.கா., # ff8800), ஒளிர்வு (எ.கா., 0.5) மற்றும் அகலம் (அகலம்) மற்றும் திணிப்பு (திணிப்பு) மதிப்புகளை பரிந்துரைப்பார்.

படத்திற்கு குறியீடு மதிப்புகள் செய்கிறீர்கள் மற்றும் ஒளிர்வு வடிகட்டி, மற்றும் படத்தை பாதையை குறிப்பிடவும்.

RGBA-முறை

வெளிப்படைத்தன்மை எந்த வடிவமைப்பு உறுப்பு அடிப்படை நிறம் பயன்படுத்த முடியும்: இந்த சொத்து CSS பயன்படுத்தி வேறு வாய்ப்புகள் உள்ளன. அது RGBA முறை பயன்படுத்துகிறது. வெளிப்படையான நிலை அமைக்கிறது செய்யும் ஆல்ஃபா, - அடிப்படை நிறங்கள் (சிவப்பு, பிளப்புச் நீலம்), மற்றும் கடந்த முதல் மூன்று கடிதங்கள் நிற்க. RGBA-வடிவத்தைப் பயன்படுத்தி கடைசி இலக்கம் அதை சுட்டி, வெளிப்படைத்தன்மை பரிந்துரைக்கிறார். உதாரணத்திற்கு,: பின்னணி: மட்டில் (240,2,33,0.4035).

முடிவுக்கு

இவ்வாறு, தளத்தில் வடிவமைப்பு எளிய ஆனால் பயனுள்ள அம்சம் CSS "வெளிப்படைத்தன்மை" வேலை போக்கில் பயன்படுத்தி, நீங்கள் அதை இன்னும் சுவாரசியமான மற்றும் கவனிக்கப்படுகிறது எளிமையாக உறுப்புகள் செய்ய முடியும். விவரித்தார் உள்ளடக்கிய விருப்ப வெளிப்படைத்தன்மை அம்சங்கள் இந்த உங்களுக்கு உதவும் உள்ளன.