දේපල CSS "විනිවිද" - එම වෙබ් අඩවිය වඩාත් සිත් ඇදගන්නා සුලු නිර්මාණය කිරීමට සරල ක්රමයක්

අද, වෙබ් අඩවි නිර්මාණය නිර්මාණය කලාවක් බවට පත් වෙයි. මෙය ඇතැම් වර්ණ හා පිටුව මූලද්රව්ය පමණක් මාලාවක් නොවේ ප්රමාණය, අකුරු වෙනස් මෝස්තර සහ තේමාත්මක සිතුවම්. , අන් අය ඔබේ වෙබ් අඩවිය විවිධ කරන්න අමුත්තන් අවධානය ආකර්ශනය කර ගැනීමට සහ යම් යම් අංග වෙත යොමු කිරීම සඳහා, ක්රම සහ මෙවලම් විශාල සංඛ්යාවක් භාවිත කළා. විනිවිද - ඔවුන් අතර ඉතා ජනප්රිය දේපල CSS නැත. මෙම තාක්ෂණය ඉතා සුන්දර හා අලංකාරවත් වන අතර, ඒ නිසා බොහෝ විට භාවිතා කරනු ලැබේ. උදාහරණයක් ලෙස, පෙළ වාරණ හෝ මුළු චිත්රයක් - විනිවිද අඩවියේ විවිධ වස්තූන් පිටු ලබා දිය හැක. එය ද විවිධ ක්රම බොහෝමයක් සාක්ෂාත් කර ගන්නා ලදී. අපට ඔවුන් පහත සලකා බලමු.

පරාමිතීන් විනිවිද මූලද්රව්ය නියම

විවිධ අංග විනිවිදභාවය නියාමනය කිරීම සඳහා පරාමිතීන්. ඔවුන් විශේෂිත අරමුණු මෙන්ම, "ගලපන" නිර්මාණය යටතේ වන බ්රවුසරය මත පදනම්ව භාවිතා වේ. මෙම පහත සඳහන් ගුණ ඇතුළත් වේ:

• පාරාන්ධතාව;
• පෙරහන්;
• PNG-රූපය පසුබිමක් ලෙස.

ඉහළ සංඛ්යාව, මූලද්රව්යයේ විනිවිද මට්ටම අඩු වූ පහත සඳහන් පරිදි දේපල වටිනාකම CSS "විනිවිද" වෙනස් කර ඇත. මෙම පාරාන්ධතාව, එය දී මෙම පෙරහන 0 සිට 1 දක්වා වෙනස් වේ - 10 සිට 100 දක්වා සහ අග Interet එක්ස්ප්ලෝරර් එකෙහි, සහ අනෙකුත් සියලු අදාල පාරාන්ධතාව දේපල සඳහා භාවිතා කරනු ඇත.

විනිවිද අනුරුව (වෙනස්)

ගේ ඔබ අයිතමය චලනය වන විට විනිවිද පෙනෙන පෙනී බව විකල්ප සමග ආරම්භ කරමු මූසිකය ඇදීම මගින්.

අප රූපය විනිවිද නියම කරන ආකාරය ගැන අපි දැන් සලකා බලමු. CSS විකල්ප දෙකක් ඉදිරිපත් කරයි. මෙය සිදු කිරීම සඳහා, ඔබ එය සෘජුවම කේතය html-ලේඛනය පහත සඳහන් පරිදි ලියාපදිංචි විය යුතුය:

1. ස්වරූපයට මාර්ගය සඳහන් කරන්න.
2. කර්සරය නොමැති වූ විට අපි විනිවිද පරාමිතීන් අර්ථ දක්වන්න. මෙය සිදු කිරීම සඳහා, අප පාරාන්ධතාව වටිනාකම නිර්දේශ කරන ලද onmouseover හා onmouseout, සහ ෆිල්ටර් ගුණ භාවිතා කරන්න.

එය සැඳහුම එකතු කිරීමට එම ලක්ෂණ CSS-ලේඛනය හා මූල කේතය තුළ නියම කර ගත හැක. ප්රතිඵල එම හැරී.

පෙළ සහ පිටුවේ බිම් කොටස් විනිවිද

පෙළ හෝ වාරණ (විනිවිද පෙනෙන div) සඳහා පරිදි, CSS එහි විකල්පය, විනිවිද පෙනෙන රූපය නිර්මාණය සමාන ඉදිරිපත් කරයි, ඔබ කැමති සැකසුම් සකසා ඇති මෙම සම්බන්ධ CSS ගොනු, භාවිතා කිරීමට අප හට සිදුවේ. ඔබ ගොස් ඉතා සරල ක්රමයක් හැක. ඔබ විලාසය වාරණ div ශෛලිය හෝ පෙළ පි තබා විට onmouseover හා මූලද්රව්ය onmouseout පහත html-කේතය නියම. විකල්ප දෙකම වැඩ අපේක්ෂිත ප්රතිඵලය නිෂ්පාදනය.

විනිවිද නිරන්තර

සමහර අවස්ථාවල දී, වස්තුවක විනිවිදභාවය, මෝස්තර නිර්මාණ හෝ පෙළ ඔබ දිගටම පදනම මත සකස් කර ගැනීමට අවශ්යද. මෙම තත්වය තුල, විසඳුම ඔබ මූසිකය කර්සරය පියාසර කරන විට වඩා සරල වේ.

විනිවිද භාවය CSS අංගයක් පහත දැක්වෙන කේතය විසින් ලබා දෙනු ඇත. වාරණ div ශෛලිය තුල පසුබිම සඳහා අගයන් (උදා, # ff8800), පාරාන්ධතාව (උදා: 0.5) සහ පළල (පළල) සහ පුරවන (පුරවන) නියම.

ප්රතිරූපය කේතය වටිනාකම් කරවන අතර පාරාන්ධතාව පෙරහන්, සහ ප්රතිරූපය මාර්ගය විශේෂිතව.

RGBA-ක්රමය

මෙම දේපල CSS භාවිතා කිරීම සඳහා වෙනත් විකල්ප ඇත: විනිවිද ඕනෑම මෝස්තර නිර්මාණ පදනම වර්ණ ආලේප කළ හැකිය. එය RGBA ක්රමය භාවිතා කරයි. ඇල්ෆා, විනිවිදභාවය මට්ටම කාණ්ඩ - පළමු ලිපි තුනක් මූලික වර්ණ (රතු, විඛණ්ඩනය, නිල්), සහ පසුගිය සඳහා ය. RGBA-ආකෘතිය භාවිතා පසුගිය ඉලක්කම් එය යොමු කරමින්, විනිවිද නිර්දේශ. , නිදසුනක් වශයෙන්: පසුබිම: rgba (240,2,33,0.4035).

නිගමනය

මේ අනුව, වෙබ් අඩවිය නිර්මාණය සරල නමුත් ඵලදායී අංගයක් CSS "විනිවිද" මත වැඩ පාඨමාලාව භාවිතා කිරීමෙන්, ඔබ අවම උත්සාහයක් සමග එය වඩාත් රසවත් හා වැඩි හිමිකාරීත්වයක් අංග කරන්න පුළුවන්. මෙම විස්තර නොමඟයවන සුලු අභිරුචි විනිවිද ලක්ෂණ මේ සමග ඔබට උපකාරී වනු ඇත වේ.