கூடுதல் சாய்வுகளுக்கு மடிப்பு பின்னணியை உருவாக்குதல். CSS சாய்வுகள். CSS தொடரியல் நேரியல் சாய்வு

CSS சாய்வுє ஒரு நிறத்தில் இருந்து மற்றொரு நிறத்திற்கு செல்லுங்கள்.

நேர்கோட்டு-கிரேடியன்ட்() மற்றும் ரேடியல்-கிரேடியன்ட்() ஆகிய உதவி செயல்பாடுகளுக்குப் பின்னால் சாய்வுகள் உருவாக்கப்படுகின்றன.

பின்னணி, பின்னணி-படம், எல்லை-படம் மற்றும் பட்டியல்-பாணி-படக் கட்டுப்பாடுகளில் சாய்வு பின்னணி அமைக்கப்படலாம்.

CSS சாய்வை எவ்வாறு உருவாக்குவது

உலாவிகள் மூலம் ஆதரவு

IE: 10.0
பயர்பாக்ஸ்: 16, 3.6 -moz-
குரோம்: 26.0, 10.0 -வெப்கிட்-
சஃபாரி: 6.1, 5.1 -வெப்கிட்-
ஓபரா: 12.1, 11.1 -o-
iOS சஃபாரி: 7.1
ஓபரா மினி:
Android உலாவி: 4.4, 4.1 -வெப்கிட்-
Androidக்கான Chrome: 44

1. நேரியல் சாய்வு()


அரிசி. 1. சாய்வின் கோடு, சாய்வின் நடுத்தர மற்றும் இறுதி புள்ளிகள்

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

இது நேரடியாகக் குறிப்பிடப்படவில்லை என்றாலும், நிச்சயதார்த்தத்தின் மதிப்பு வெற்றிகரமானது. கீழே மிருகம்.

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

பின்னணி: லீனியர்-கிரேடியன்ட் (கூடுதல் முக்கிய சொல்லுக்கு வெட்டு/பக்க அல்லது வெட்டு (திறவுச்சொல் பந்தயம்), முதல் நிறம், பிற நிறம் பின்னர்);

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

பகுதி (உயரம்: 200px; பின்னணி: நேரியல்-கிரேடியன்ட்(45deg, #EECFBA, #C5DDE8); )

முக்கிய வார்த்தைகளின் உதவிக்குமேலே , வலதுபுறம் , கீழே , இடதுபுறம் , கிரேடியன்ட் வெட்டை எவ்வாறு வரையறுப்பது, இது அதிக விலை 0deg , 90deg , 180deg மற்றும் 270deg சரியானது.

பிரிவு (உயரம்: 200px; பின்னணி: நேரியல்-கிரேடியன்ட்(வலதுபுறம், #F6EFD2, #CEAD78); )

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

பகுதி (உயரம்: 200px; பின்னணி: நேரியல் சாய்வு (மேலே இடது, தூள் நீலம், இளஞ்சிவப்பு); )

நிறங்களின் சீரற்ற விநியோகத்திற்கு, தோலின் நிறத்தின் கோப் நிலை, சாய்வு தானியத்தின் புள்ளிகள், தரவரிசை மூலம் குறிக்கப்படுகிறது. வண்ண நிறுத்தங்கள். பற்கள் புள்ளிகள்% , de 0% - post point, 100% - end point, எடுத்துக்காட்டாக:

பகுதி (உயரம்: 200px; பின்னணி: நேரியல்-கிரேடியன்ட்(மேலே, #E4AF9D 20%, #E4E4D8 50%, #A19887 80%); )

தோலின் திரள்களின் நிறத்தின் துல்லியமான விநியோகத்திற்கு, முன் நிறத்தின் பல்லின் புள்ளியிலிருந்து தாக்குதல் நிறத்தை ஆரம்பிக்க வேண்டும்:

பிரிவு (உயரம்: 200px; பின்னணி: நேரியல்-கிரேடியன்ட்(வலப்புறம், #FFDDD6 20%, #FFF9ED 20%, #FFF9ED 80%, #DBDBDB 80%); )

2. ரேடியல்-கிரேடியன்ட்()

ரேடியல் சாய்வு vіdrіznyaєtsya vіd іnіynogo tim, scho kolori சென்று іz odnіієї புள்ளி (gradієnt மையத்திற்கு) і சமமாக rozpodіlyayutsya naznі, பங்கு elіpsa chi வடிவத்தை ஓவியம்.

பின்னணி: ரேடியல்-கிரேடியன்ட்(சாய்வு வடிவம்/அளவு/மைய நிலை, முதல் நிறம், மற்ற நிறம் மெல்லியது);

சாய்வு வடிவம்முக்கிய வார்த்தைகள் வட்டம் அல்லது நீள்வட்டத்தால் வகைப்படுத்தப்படும். வடிவம் அமைக்கப்படவில்லை என்றாலும், ரேடியல் சாய்வு சுருக்கங்களுக்குப் பின்னால் நீள்வட்ட வடிவத்தை நிரப்புகிறது.

பிரிவு (உயரம்: 200px; பின்னணி: ரேடியல்-கிரேடியன்ட்(வெள்ளை, #FFA9A1); )

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

பிரிவு (உயரம்: 200px; பின்னணி: ரேடியல்-கிரேடியன்ட்(மேலே, #FEFFFF, #A7CECC); )

கூடுதல் பந்தயத்திற்கு, % , em அல்லது px அலகுகளில் காட்டப்படும் மதிப்புகளை நீள்வட்ட வடிவ சாய்வு உதவியுடன் கணக்கிடலாம். முதல் மதிப்பு நீள்வட்டத்தின் அகலத்தை தீர்மானிக்கிறது, மற்றொன்று - உயரம்.

பிரிவு (உயரம்: 200px; பின்னணி: ரேடியல்-கிரேடியன்ட்(40% 50%, #FAECD5, #CAE4D8); )

ரோஸ்மேரி சாய்வுமுக்கிய வார்த்தைகளில் உதவி கேட்கவும். தொலைதூர-மூலை மதிப்பு (தொலைதூர மூலையில்).

div (உயரம்: 200px; பின்னணி: ரேடியல்-கிரேடியன்ட் (100px 50px இல் மிகத் தொலைவில் உள்ள வட்டம், #FBF2EB, #352A3B); )

ரேடியல் சாய்வு உதவிக்கு, பொத்தான்கள், பந்துகள் போன்ற யதார்த்தமான தொகுதி வடிவங்களை நீங்கள் உருவாக்கலாம்.

பந்து

div (அகலம்: 200px; உயரம்: 200px; எல்லை-ஆரம்: 50%; விளிம்பு: 0 ஆட்டோ; பின்னணி: ரேடியல்-கிரேடியன்ட் (65% 15% வட்டம், அக்வா, கருநீலம்); )

பொத்தானை

.wrap (உயரம்: 200px; திணிப்பு: 50px 0; பின்னணி: #cccccc; ) .பொத்தான் (அகலம்: 100px; உயரம்: 100px; எல்லை-ஆரம்: 50%; விளிம்பு: 0 ஆட்டோ; பின்னணி: ரேடியல்-கிரேடியன்ட்(தொலைவில்-பக்கத்தில்) ) மேல் இடதுபுறத்தில் நீள்வட்டம், வெள்ளை, #aaaaaa);

தபால்தலை


சாய்வுகள் prozory நிறங்களில் Vykoristovuyuchi, நீங்கள் அத்தகைய விளைவுகளை உருவாக்க முடியும்.

jpg">

.கொள்கலன் (பின்னணி: #B7D1D8; திணிப்பு: 25px; ) .ராப் (பின்னணி: ரேடியல்-கிரேடியன்ட்(வெளிப்படையான, வெளிப்படையான 4px, வெள்ளை 4px,வெள்ளை); திணிப்பு: 10px; அகலம்: 300px; உயரம்: 220px; பின்னணி அளவு 20px;பின்னணி-நிலை: -10px -10px;/*விளிம்பு மென்மையாக்க*/ விளிம்பு: 0 தானியங்கு;

3. மீண்டும் சாய்வு

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

பகுதி (உயரம்: 200px; பின்னணி: மீண்டும்-நேரியல்-கிரேடியன்ட்(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px); ) div (உயரம்: 200px; பின்னணி: ECFE-ra B19ECFE-ra B19 #82DDFF 10px, #82DDFF 20px);

4. குறுக்கு உலாவி சாய்வு

அனைத்து உலாவிகளிலும் சரிவுகளை சரியாகக் காட்ட, குறுக்கு உலாவி உள்ளீட்டைச் சேர்க்க வேண்டியது அவசியம்.

நேரியல் சாய்வு

Ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)"; /* IE 8-9 */ பின்னணி: -வெப்கிட்-லீனியர்-கிரேடியன்ட்(இடது, சிவப்பு, #f06d06); /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */ பின்புலம்: -moz-linear-gradient(left, red, #f06d06); /* Firefox 3.6-15 */ பின்னணி: -o-linear-gradient(இடது, சிவப்பு, #f06d06); /* ஓபரா 11.1-12 */ பின்னணி: நேரியல் சாய்வு (வலது, சிவப்பு, #f06d06); /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */

ஒரு நேரியல் சாய்வு மீண்டும்

பின்னணி: -வெப்கிட்-ரிபீட்டிங்-லீனியர்-கிரேடியன்ட்(சிவப்பு, மஞ்சள் 10%, பச்சை 20%); /* Safari 5.1 - 6.0 */ பின்னணி: -o-repeating-linear-gradient(சிவப்பு, மஞ்சள் 10%, பச்சை 20%); /* Opera 11.1-12.0 */ பின்னணி: -moz-repeating-linear-gradient(சிவப்பு, மஞ்சள் 10%, பச்சை 20%); /* பயர்பாக்ஸ் 3.6-15 */ பின்னணி: திரும்பத் திரும்ப நேரியல் சாய்வு(சிவப்பு, மஞ்சள் 10%, பச்சை 20%); /* நிலையான தொடரியல் */

ரேடியல் சாய்வு

பின்னணி: -வெப்கிட்-ரேடியல்-கிரேடியன்ட்(சிவப்பு, மஞ்சள், பச்சை); /* சஃபாரி 5.1-6.0 */ பின்னணி: -o-ரேடியல்-கிரேடியன்ட்(சிவப்பு, மஞ்சள், பச்சை); /* Opera 11.6-12.0 */ பின்னணி: -moz-radial-gradient(சிவப்பு, மஞ்சள், பச்சை); /* பயர்பாக்ஸ் 3.6-15 */ பின்னணி: ரேடியல்-கிரேடியன்ட்(சிவப்பு, மஞ்சள், பச்சை); /* நிலையான தொடரியல் */ பின்னணி: -வெப்கிட்-ரேடியல்-கிரேடியன்ட்(60% 55%, தொலைதூரப் பக்கம், சிவப்பு, மஞ்சள், கருப்பு); /* சஃபாரி 5.1-6.0 */ பின்னணி: -o-ரேடியல்-கிரேடியன்ட்(60% 55%, தொலைதூரப் பக்கம், சிவப்பு, மஞ்சள், கருப்பு); /* ஓபரா 11.6-12.0 */ பின்னணி: -moz-ரேடியல்-கிரேடியன்ட்(60% 55%, தொலைதூரப் பக்கம், சிவப்பு, மஞ்சள், கருப்பு); /* பயர்பாக்ஸ் 3.6-15 */ பின்னணி: ரேடியல்-கிரேடியன்ட் (60% 55% தொலைவில், சிவப்பு, மஞ்சள், கருப்பு); /* நிலையான தொடரியல் */

ரேடியல் சாய்வு மீண்டும்

பின்னணி: -வெப்கிட்-ரிபீட்டிங்-ரேடியல்-கிரேடியன்ட்(சிவப்பு, மஞ்சள் 10%, பச்சை 15%); /* சஃபாரி 5.1-6.0 */ பின்னணி: -o-repeating-radial-gradient(சிவப்பு, மஞ்சள் 10%, பச்சை 15%); /* Opera 11.6-12.0 */ பின்னணி: -moz-repeating-radial-gradient(சிவப்பு, மஞ்சள் 10%, பச்சை 15%); /* பயர்பாக்ஸ் 3.6-15 */ பின்னணி: மீண்டும்-ரேடியல்-கிரேடியன்ட்(சிவப்பு, மஞ்சள் 10%, பச்சை 15%); /* நிலையான தொடரியல் */

5. சாய்வு மற்றும் பின்னணி படத்தின் கலவை

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

div (உயரம்: 453px; பின்னணி: நேரியல்-கிரேடியன்ட்(45deg, rgba(103, 0, 31, .8), rgba(34, 101, 163, ..jpg); பின்னணி அளவு: கவர்; )

சாய்வு. விகாரமான பின்னல் விதிகள்

மேற்கோள்களின் மென்மையான மாற்றத்துடன் அழகான கேன்வாஸ்

இணையத்தில் இருந்து புகைப்படங்களை மேற்கோள் காட்டும் கட்டுரையிலிருந்து: கூகுள் தேடல் ஜெரெலோ

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

மேலும், வேறு சில நிறங்கள் மற்றும் வண்ணங்களுடன் இருக்கட்டும்

வெவ்வேறு வண்ணங்களில் பின்னப்பட்ட துணி, குழந்தைகள் மற்றும் பெரியவர்களுக்கு வெவ்வேறு மாதிரிகள் மற்றும் பாணிகளில் வெற்றி பெறுகிறது.



ஜகலோம், கற்பனை மற்றும் சாத்தியக்கூறுகளின் கடல்!

நீங்கள் வெவ்வேறு வண்ணங்களில் உள்ள பெண்களுடன் நதிகளை ஸ்வியாசாட் செய்யலாம், விசெருங்காவை அசைக்கும் செயல்பாட்டில் நீங்கள் vіdtinkіv இலிருந்து மாற்றத்தை மாற்றலாம், மேலும் zvichaynіy முகத்தில் (chi) உள்ள ஃபார்ப் நிரம்பி வழிவதன் மூலம் மட்டுமே நீங்கள் பேச்சின் "ரோட்ஜிங்கா" ஐ சேர்க்க முடியும். khustkovіy) gladinі.

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

பெரும்பாலும், முடிக்கப்பட்ட ஒன்றில், எல்லாம் "மாற்றங்களின் கோடுகள்" போல் தெரிகிறது, தெளிவற்ற மற்றும் பிளவுபட்ட பகுதிகள் கூட, ஆனால் பார்வைக்கு தெரியும்.


ஒரு விசருடன் பிணைக்க முடியும் என்பது போல, எடுத்துக்காட்டாக, ஜடைகளுடன், இல்லையெனில், அது வேறு ஏதாவது இருக்கலாம், பின்னர் கணவரின் "தெரிவு" பரவுகிறது, மாற்றம் குறைவாக மறக்கமுடியாததாகிறது.

அச்சு முக மென்மை மற்றும் சிறிய ஒரு மென்மையான ஒரு அழகான பட் உள்ளது

எந்த நேரத்திலும், இது அசிங்கமானது என்று சொல்ல முடியாது - இது ஒரு உண்மை)) அத்தகைய நுட்பத்தில் உள்ள அனைத்து வகைகளும் மிகவும் அருமையாகவும் பயனுள்ளதாகவும் இருக்கும்!

ALE! நீங்கள் அடைய முடியும் மற்றும் கூட ஒரு செய்தபின் மென்மையான வழிதல் வண்ணம், மேலும், பின்னல் அதே நுட்பத்தில்!

உதாரணமாக, அச்சு ஆச்சரியம்


உண்மையில், எல்லாம் மிகவும் எளிமையானது - அத்தகைய விளைவை இரண்டு வழிகளில் அடையலாம்:

  1. முக்கிய நிறங்கள் இடையே அதிக வெற்றி pivtoniv, பின்னர் குறுகிய முடிவு மற்றும் குறைவான குறிப்பிடத்தக்க மாற்றங்கள், பின்னர். vikorivuyuchi மூன்று வண்ணங்கள், அது நூல் 9 நிறங்கள் அதே முடிவை அடைய இன்னும் மடிக்கக்கூடியது.

ஒரு பிட்டம் போல, மிதக்கும் 3 தோல்கள் *கருப்பு-சிரி-வெள்ளை* மிக மறக்கமுடியாத கணவர்களாக இருக்கும், மேலும் 9 வண்ண இழைகளின் இருப்புக்கு *கருப்பு/மாரெங்கோ/அடர் சாம்பல்/சிரி/வெளிர் சாம்பல்/அடர் புத்திசாலித்தனம்/ புத்திசாலித்தனம்/புருட்னோ -பிலி / வெள்ளை / வெள்ளை *, இது ஒரு மென்மையான சாய்வைக் குறிக்கும்.

  1. அதிக எண்ணிக்கையிலான நூல்களைப் பின்னுதல், படிப்படியாக தோலைப் புதியதாக மாற்றுதல், வண்ண மாற்றத்தின் மென்மையை அடையலாம்.

படங்கள் அதிகமாக உள்ளன - ஒன்று மற்றும் அதே பின்னல் நுட்பத்தின் மற்றொரு வழி உள்ளது.

மற்றொரு விருப்பம் - மற்றொரு நுட்பம், எடுத்துக்காட்டாக, ஜாக்கார்ட் அல்லது சிறியவை, வெவ்வேறு வண்ணங்களை புள்ளிவாரியாக அறிமுகப்படுத்தலாம், தோலில் படிப்படியான வரிசையில், புதிய வண்ணங்களின் எண்ணிக்கையை அதிகரித்து, அதே படி, படிப்படியாக, மேலும் "முழுமையான" நிற மாற்றம்.

ஒரு சாய்வு, டி є மெலஞ்ச் நூல்களை பின்னுவதற்கான வழியை நாங்கள் பார்க்கிறோம்!

ஒரு சாய்வு பின்னல் போது "தேவையான" வண்ணங்கள் மோல்டிங் KILKA விதிகள் - melanzhuvannya.

1. நூல் அளவு

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

இது சிறந்த முடிவின் முதல் விதி - மேலும் நூல்களின் எண்ணிக்கை சேர்க்கப்படுகிறது, பின்னர் முடிக்கப்பட்ட நூலில் மாற்றம் மென்மையாக இருக்கும்.

நீங்கள் நூலின் கோப்பைக் கீழே போட விரும்பினால் - நூலின் "அண்டர்-பேக் டோவ்ஷ்சினா" மீது கவனம் செலுத்துங்கள் (= வேலை செய்யும் நூல்), இது சேர்ப்பதற்கு ஸ்ப்ராட்டில் துணியைப் பின்னும்: 100 கிராம் மற்றும் நீளம் கொண்ட தோலில் இருந்தால். நூல் 400-500 மீ ஆக இருக்கும், பின்னர் மூன்று கூடுதல் வேலைகளில் நூல்கள் ஒரு தொகுதியுடன் முடிக்கப்படும், மேலும் நினைவூட்டும் வண்ணத்திற்குச் செல்லவும். நூல்களின் அதே ட்ரை-பால் மாறுபாட்டிற்கு, 100 கிராம் 700-900 மீ தோல் நூல்கள் - ஏற்கனவே வேலை செய்யும் நூலின் வேலை மெல்லிய கேன்வாஸ் ஆகிறது. சரி, 1300-1500 மீ மற்றும் அதற்கு மேற்பட்ட நூல்களுக்கு 6-8 நூல்களை மடிக்கும் போது, ​​நீங்கள் சாய்வின் நடைமுறையில் "சிறந்த" முடிவை நம்பலாம்.

உங்கள் நூல் தேர்வு எங்களுக்கு முன்னதாகவே உதவும்!

ஆனால், நான் மீண்டும் சொல்கிறேன், 3 சேர்த்தல்களில் பின்னல் அசிங்கமானது அல்லது பயனற்றது என்று அர்த்தமல்ல - எல்லாவற்றையும் உங்கள் விருப்பப்படி தவறான மாதிரியில் விட வேண்டும்!

bavovnyanoy நூல் மூன்று வண்ணங்கள் உள்ளன, சில ஒரு கோடை ஜாக்கெட் ஒரு சாய்வு துணி பின்னப்பட்ட இருக்கலாம்.

நூல் 50% பாவோவ்னா / 50% விஸ்கோஸ், டோஷினா 425 மீ x 100 கிராம் - 3 மடிப்புகளில் ஒரு நூல் மூலம் நான் பின்னல் ஊசிகள் எண்.

Usy 2 முக்கிய நூல் வண்ணங்கள் - Semenivska "Lidiya", 100% கம்பளி, dozhina 1613 மீ x 100 கிராம், நிறங்கள் "அடர் நீலம்" மற்றும் "பனிப்பாறை" (டர்க்கைஸ்). தொப்பி 8 (!) டோடன் மணிக்கு ஒலிக்கிறது


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

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

2. யாக் மெலஞ்ச் நூல்

டோப்டோ. நூல்களின் "இடைநிலை" வண்ணங்களை எவ்வாறு உருவாக்குவது

மெலஞ்சின் அடிப்படை விதி:

є dilyanki முக்கிய நிறங்கள் மற்றும் є t.zv. melanzhovani d_lyanki பின்னப்பட்ட துணி. டிலியாங்காவின் போக்குகள் அதே எண்ணிக்கையிலான சேர்த்தல்களுடன் பின்னப்பட்டவை (= வேலை செய்யும் நூல்): முக்கிய வண்ணங்களின் நூல்கள் - நூல்களின் மடிப்பு முக்கிய வண்ணங்களை விட அதிகமாக உள்ளது, மற்றும் திலியாங்காவின் மெலஞ்ச் - நூல்களின் நாள் வெவ்வேறு வண்ணங்களில். தாக்குதல் மாற்றத்தின் தோல் rahunok காரணமாக உள்ளது, மற்றொரு நிறம் ஒரு நூல் வேலை நூல் கிடங்கில் ஒரு நூல் பதிலாக.

எடுத்துக்காட்டாக, 5 நூல்களை மடிக்கும் போது, ​​ஐந்து நூல்களில் ஒன்றை மற்றொரு நிறத்தின் நூல் = ஒரு நிறத்தின் 4 நூல்கள் + மற்றொரு நிறத்தின் 1 நூல் மூலம் மாற்றுவதன் மூலம் முதல் மாற்றம் செய்யப்படும்.

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

2.1 தேவையான உயரத்திற்கு ஒரே (bouzkovy) நிறத்தில் 3 நூல்களில் கருமையான நூலால் பின்னப்பட்டது *

* іvnomіrny razpodіl kolor_v dovzhina vyroba க்கான vіdіzоk vіzannya yazannja vysotu - உரைக்கு கீழே எவ்வாறு குறிப்பிடுவது

முக்கிய நிறம் Ce persha dilyanka.

2.2 பெரிய ஒளி நூலுக்கான முதல் மாற்றம் (ரோஜெவு) = முதல் மெலஞ்ச் கட்டர். யாருக்காக, எங்கள் வேலை செய்யும் நூலின் மூன்று நூல்களில் ஒன்றை எரிசிபெலாஸ் நூலால் மாற்றுகிறோம் - மேலும் இரண்டு நூல்களையும் ஒரு எரிசிபெலாஸ் நூலையும் மட்டுமே சேர்க்க வேண்டும். எனவே ஒளி நூல் படிப்படியாக கேன்வாஸில் அறிமுகப்படுத்தப்படும்.

2.3 நீங்கள் இந்த நூலை தேவையான உயரத்தில் கட்டினால், இரண்டு bouzkovy நூல்களின் ஒரு நூலை ஒரு rozhevu மூலம் மாற்றுவோம் - நாம் இரண்டு bouzkovy நூல்கள் மற்றும் ஒரு bouzkovy நூல் இன்னும் சேர்க்க வேண்டும்.

இந்த வகையான கேன்வாஸை எடுத்துக்கொள்வோம்

2.5 அதே வழியில், நீங்கள் வெற்றி பெறுவீர்கள் மற்றும் கொம்பு நிறத்தில் இருந்து வெள்ளைக்கு மாறுவீர்கள்:

- 2 ரோஸி நூல்கள் + 1 வெள்ளை

- 1 கொம்பு நூல் + 2 வெள்ளை

- 3 வெள்ளை நூல்கள்

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

சிக்கலான மற்றும் புத்திசாலித்தனமான எதுவும் இல்லை)))

ட்ரையோமாவை நிறங்களுடன் பின்னுவதற்கு Tse பட். இதேபோல், melanzhuvatememo மற்றும் 4 வண்ணங்கள் (புத்திசாலித்தனமாக A, B, C, D), மற்றும் மாற்றம் மிகவும் மென்மையாக இருக்கும், வெட்டுக்கள் மிகவும் குறுகியதாகவும், அத்தகைய தரவரிசை rozpodіlyatsya இருந்தாலும்:

- 4 நூல்கள் ஏ

- 3 இழைகள் A + 1 நூல் B

- 2 இழைகள் ஏ + 2 இழைகள் பி

- 1 நூல் A + 3 நூல்கள் B

- 4 இழைகள் பி

Vidpovіdno என்று nastupnі vіdrіzki மாற்றங்கள்

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

மெலஞ்ச் ஆஃப் மைண்ட் கொள்கை முக்கிய வண்ணங்களின் எண்ணிக்கை மற்றும் மாற்றங்களின் எண்ணிக்கையிலிருந்து சுயாதீனமாக இருப்பதாக நான் நினைக்கிறேன்.

3. மாற்றத்தின் தண்டவாளத்தின் உயரத்தை எவ்வாறு குறிப்பிடுவது (கேன்வாஸின் செங்குத்து பகுதி)

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

கூரான பட் எண் 1 இல், 3 பாகங்கள் உள்ளன: buzkova, rozheva மற்றும் வெள்ளை. ஒரு பிட்டம் போல, ரவிக்கையின் உயரத்தை 72 div எடுத்துக் கொள்ளுங்கள்.

72: 3 = 24 செ.மீ.. டோப்டோ. ஒரு முக்கிய நிறத்தில் இருந்து அடுத்த மே மாதத்திற்கான கடைசி மாற்றம் 24 செ.மீ. ALE! அத்தகைய தோல் மாற்றத்தில், நூல்களின் மாற்றத்தின் 3 உட்பிரிவுகள் = ஒரு சதித்திட்டத்தின் மெலஞ்ச் (ஒரு நிறத்தின் 3 இழைகள், ஒன்று + மற்றொரு நிறத்தின் 2, மற்றொரு நிறத்தின் 1 + 2), மேலும் தோல் முக்கிய நிறம் 3 பகுதிகளாகப் பிரிக்கப்படுகிறது = தோல் செங்குத்து சதி, மெலஞ்ச் உட்பட, 8 செ.மீ.

vrakhovuychi பாணி, மாடல் மற்றும் லக்கேஜ் மாற்றங்களின் எண்ணிக்கை, நீங்கள் உங்கள் சொந்த விருப்பத்திற்கு மாற்றலாம், எந்த மாற்றங்கள் தாயின் அதிக உயரம் காரணமாகும், மற்றும் கால்சட்டை சிறியதாகவோ அல்லது ஒரே மாதிரியாகவோ இருக்கும். ஜோக்ரேமா, இது முக்கியமானது, ஏனென்றால் உங்களிடம் உள்ள நூலின் அளவு வேறுபட்டது: ஒவ்வொரு நிறத்திற்கும் 4 ஸ்கீன்கள் உள்ளன, மேலும் 1 க்கும் மேற்பட்ட ஸ்கீன்கள் உள்ளன - வெளிப்படையாக மாற்றங்களில் ஒன்று "நீண்டதாக" இருக்கும், மற்றவை - "குறுகியதாக" இருக்கும். அபோ வெறும் பஜன்னியத்திற்காக ஒரு வண்ணம் (அல்லது ஒரு மெலஞ்சோவானா டிலியாங்கா) உங்கள் மாதிரி எதிர்காலத்தில் 2/3 ஐடியாவாக மாறுவதற்குக் காரணம்))

வெவ்வேறு வண்ணங்களில் பூக்களை பின்னுவதற்கு, பின்வரும் திட்டத்தை கண் சிமிட்டவும்:

- முக்கிய இழைகளின் தோல் வெட்டுக்கு பஜான் உயரத்தைக் குறிப்பிடவும்

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

- மாற்றங்களின் எண்ணிக்கையால் அனைத்து வண்ணங்களுக்கும் வண்ணத் திட்டத்தை மாற்றுவேன்

எங்கள் உதாரணம் இது போன்றது:

7 இழைகள் A + 1 நூல் B

டோப்டோ. மொத்தம், இந்த பிரிவுக்கு 7 மாற்றங்கள் குறிக்கப்படும். முந்தைய rozrakhovuvalosya என, zagalna உயரம் 9 செ.மீ., வெளிப்படையாக தோல் okrema melanzhovana delyanka கிடங்கு பி.எல். 1.5 பிரிவு

மீசை. ரோஸ்ரகுங்கி நசுக்கப்பட்டது!

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

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

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

இல்லையெனில், நீங்கள் ஜாக்கார்டின் நுட்பத்தை திருப்பலாம், ஒரு வரிசையில் ஒவ்வொரு 5-6 செ.மீ.க்கும் 1-2 சுழல்கள் பின்னல், படிநிலையில், நீங்கள் ஒரு புதிய நிறத்தை உருவாக்கலாம்.

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

எங்கள் முதல் பட், வெள்ளை நூல் அறிமுகத்துடன் வரிகளை "பிரித்து" குறிப்பாக குறிப்பிடத்தக்கது. ஆனால் நீங்கள் ஜாக்கார்டுடன் "குழப்பமடைய" விரும்பவில்லை, இல்லையெனில் நீங்கள் குறுகிய வரிசைகளில் விரும்பவில்லை)), є 3 மாறுபட்ட வண்ணங்கள் மற்றும் 3 க்கும் குறைவான கூடுதல் வேலை நூல், திட்டமிட்டபடி.

பின்னல் போது, ​​நான் பல்வேறு வேலை நூல்கள் (மேலே உள்ள புகைப்படம்) ஒரு அடிக்கடி பின்னல் போன்ற பின்னிவிட்டாய், மற்றும் இந்த வழியில்: வரைதல் முறையில் பின்னல் மாற்றத்தின் முதல் வரிசை * 2 p. n. "புதிய" நிறம் *.

* 1 rozheva + 2 வெள்ளை * வரை * 3 வெள்ளை நூல்கள் * உள்ள முக்கிய சதி நகரும் போது * நான் இப்படி பின்னிவிட்டாய்: * 2 ப. எனினும், zahalny கேன்வாஸில் "strokato".


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

ஒரு சுறுசுறுப்பாக, நீங்கள் ஒவ்வொரு அடிமையின் 2 சுழல்களை பின்னிவிட்டீர்கள். நூல்கள், சிறிய ப்ரோச்கள் தயாரிக்கப்படுகின்றன, ஜாக்கார்ட் விசரங்குகளைப் பின்னுவது போல - துர்நாற்றம் குறைவாக இருந்தாலும், நீங்கள் அவற்றின் மீது மரியாதை செலுத்த முடியாது, ஆனால் ப்ரோச்கள் "பின்னப்பட்டதாக" இருந்தால், ஜாக்கார்டுகளைப் பின்னுவதற்கான விதிகளை நீங்கள் "கலைக்க" அடிக்கலாம். ஒரு ஸ்ட்ரீம்லைனில்.

ஜகல்னி தோற்றம்

எடுத்துக்காட்டு 2. இங்கே, அனைத்து மாற்றங்களிலும், முதல் நூல் கட்டுவதற்கான கூடுதல் முறைகள் இல்லாமல் வெறுமனே மாற்றப்பட்டது.

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

விளாட் மெர்செவிச்

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

சாய்வு சேர்க்கும் ஆற்றலுடன் கூடுதலாக, பின்னணி படங்களில் ஒயின் துண்டுகள் இல்லை, இது பட் 1 இல் காட்டப்பட்டுள்ளபடி பின்னணி-படத்தின் சக்தி அல்லது பின்னணியின் உலகளாவிய சக்தி மூலம் செய்யப்படுகிறது.

எடுத்துக்காட்டு 1. சாய்வு

சாய்வு

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

அத்திப்பழத்தில் இந்த சாட்சியத்தின் முடிவு. ஒன்று.

அரிசி. 1. ஒரு பத்திக்கான நேரியல் சாய்வு

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

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

தாவல். 1. சாய்வு வகை
பதவி விளக்கம் காண்க
மேல் நோக்கி 0 டிகிரி கீழ்நோக்கி.
விட்டு 270 டிகிரி வலது பக்கத்தில்.
கீழே 180 டிகிரி மேலிருந்து கீழ்.
வலதுபுறம் 90 டிகிரி வலதுபுறம் தீமை.
மேல் இடது வலது கீழ் குட் முதல் இடது மேல் குட் வரை.
மேல் வலது கீழ் இடது குட்டிலிருந்து மேல் வலதுபுறம்.
கீழே இடதுபுறம் வலது மேல் குட் முதல் இடது கீழ் குட் வரை.
கீழ் வலதுபுறம் இடது மேல் குட்டிலிருந்து வலது கீழ் ஒன்று வரை.

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

பூஜ்ஜிய டிகிரி (அல்லது 360 º) கீழே இருந்து மேல்நோக்கி ஒரு சாய்வு காட்டுகிறது, தொலைவில் பார்வை வருடாந்திர அம்புக்கு மேற்கொள்ளப்படுகிறது. சாய்வு கோட்டின் குடா நஹீயின் எடுத்துக்காட்டு கீழே காட்டப்பட்டுள்ளது.

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

மடிப்பு சாய்வுகளின் மடிப்புக்கு, இரண்டு வண்ணங்கள் போதுமானதாக இருக்காது, கோமா மூலம் அவற்றின் சுற்றறிக்கை இல்லாத அளவு, pererakhovuychi வண்ணங்களை சேர்க்க தொடரியல் உங்களை அனுமதிக்கிறது. இதன் மூலம், ஒரு ஒளிஊடுருவக்கூடிய நிறத்தைத் தேர்ந்தெடுக்க முடியும் (திறவுச்சொல் வெளிப்படையானது), மேலும் இணைப்பு 2 இல் காட்டப்பட்டுள்ளபடி துணை RGBA வடிவமைப்பிற்கான ஒளிஊடுருவைச் சேர்க்கலாம்.

உதாரணம் 2. Napіvprozori kolori

HTML5 CSS3 IE 9 IE 10 Cr Op Sa Fx

சாய்வு

ஒரு இலவச வசனத்தின் தோற்றம், கறாரான தெய்வீகத்தை மதிக்காமல், வாய்மொழி மெட்டத்தை அசைக்கிறது.

அத்திப்பழத்தில் இந்த சாட்சியத்தின் முடிவு. 2.

அரிசி. 2. napіvprozorimi kvitami இலிருந்து சாய்வு

வண்ணங்களின் மதிப்பு நூற்றுக்கணக்கான, பிக்சல்கள் அல்லது பிற அலகுகளில் அதன் நிலைப்பாட்டால் குறிக்கப்பட்டால், சாய்வில் வண்ணங்களைத் துல்லியமாக நிலைநிறுத்த. உதாரணமாக, பதிவு சிவப்பு 0%, ஆரஞ்சு 50%, மஞ்சள் 100%சாய்வு சிவப்பு நிறத்தில் இருந்து தொடங்குகிறது, பின்னர் நாம் 50% ஆரஞ்சுக்கு செல்கிறோம், பின்னர் நாம் மஞ்சள் நிறத்தின் முடிவில் செல்கிறோம். எளிமைக்காக, க்ஷ்டால்ட் 0% மற்றும் 100% க்கான தீவிரமானவற்றை எழுதலாம், துர்நாற்றம் மனதின் கருணையில் உழைக்கப்படுகிறது. பட் 3 இல், ஒரு சாய்வு பொத்தான் காட்டப்படும், மூன்று பணிகளிலிருந்து 36% என மற்றொரு நிறத்தின் அதே நிலையில்.

பங்கு 3. சாய்வு பொத்தான்

HTML5 CSS3 IE 9 IE 10 Cr Op Sa Fx

பொத்தானை

அத்திப்பழத்தில் இந்த சாட்சியத்தின் முடிவு. 3.

அரிசி. 3. கிரேடியன்ட் பட்டன்

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

எடுத்துக்காட்டு 4

HTML5 CSS3 IE 9 IE 10 Cr Op Sa Fx

கிடைமட்ட குடிசைகள்

வழக்கமான ஐரோப்பிய முதலாளித்துவம் மற்றும் நன்மை ஆகியவை உத்தியோகபூர்வ மொழியை நுட்பமாக விளக்குகின்றன.

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

அரிசி. 4. கிடைமட்ட நத்தைகளிலிருந்து பின்னணி

வலை வடிவமைப்பாளர்களிடையே பிரபலமடைய, ஆனால் உலாவியின் தோலின் கீழ் மற்றும் வண்ணங்கள் இல்லாத நிலையில் பல்வேறு அதிகாரிகளின் சிக்கலான தன்மையை சேர்க்க சாய்வு. நீங்கள் சாய்வுகளை உருவாக்குவதையும் குறியீட்டில் செருகுவதையும் எளிதாக்க, சாய்வுகளைச் சரிசெய்வதை எளிதாக்குவதற்கும் தேவையான குறியீட்டை உடனடியாக அகற்றுவதற்கும் உதவ www.colorzilla.com/gradient-editor தளத்தைப் பரிந்துரைக்கிறேன். தயார் டெம்ப்ளேட்கள் (முன்னமைவுகள்), முடிவுகளின் திருத்தம் (முன்னோட்டம்), வண்ணங்களின் தனிப்பயனாக்கம் (சரிசெய்தல்), இறுதி குறியீடு (CSS), இது வடிப்பான்கள் மூலம் IE ஐ ஆதரிக்கிறது. ஃபோட்டோஷாப் அல்லது மற்றொரு கிராஃபிக் எடிட்டரில் பணிபுரிந்தவர்களுக்கு, சாய்வுகளை உருவாக்குவது வலதுபுறத்தில் இருக்கும், மற்றவர்களுக்கு விரைவாக இனப்பெருக்கம் செய்வது ஒரு பொருட்டல்ல. Zagalom, கடுமையாக பரிந்துரைக்கிறேன்.

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

உங்கள் தளத்தில் ஒரு நல்ல சாய்வு தேடுகிறீர்களா? பின்னணி-படம்: நேரியல் சாய்வு(சிவப்பு, நீலம்); தயார்! ஆம், சலிப்பாக இருக்கிறது. எனவே, நீங்கள் இன்னும் ஏதாவது விரும்பினால், நான் உங்களுக்கு css மற்றும் MDN பக்கத்துடன் qiu ஐ பரிந்துரைக்கிறேன். இங்கே பார்க்கவா? நேரியல் சாய்வுகள் உண்மையில் செயல்படுவது போன்ற அதே தருணங்களை நாம் பார்க்கலாம். முதலில், லீனியர் கிரேடியன்ட் செயல்பாட்டிற்கு மாற்றியமைக்கக்கூடிய தொடரியலைக் கண்டுபிடிப்போம்:

நேரியல் சாய்வு ([பார்வை<угла>| முன்<стороны-или-угла>]?, );
சார்பு ஒரு விருப்பமான முதல் வாதத்தை ஏற்றுக்கொள்கிறது, இது சாய்வு வெட்டு மற்றும் கூடுதல் அலகு வகைக்கு (பட்டம், ஆரம், டிகிரி, புரட்சி) அல்லது முக்கிய சொல்லைப் பார்த்து (பக்க அல்லது வெட்டு) குறிப்பிடலாம்.

அடுத்த முறை செயல்பாடு வண்ணங்களின் பட்டியலை ஏற்றுக்கொள்கிறது.

சாய்வு புலம்

கிரேடியன்ட் படங்களை மாற்ற முடியாது, மற்ற பின்னணி படங்களுக்கு அவை தெரியவில்லை. தெரியும் rozmirіv yoma nadaє துறையில் gradієnt, tobto. பகுதி, டி வென்ற vіdobrazhaєtsya.

ஒரு விதியாக, நீங்கள் DOM உறுப்புக்கு நேரியல் சாய்வில் பின்னணி படத்தை முன்னிலைப்படுத்தினால், உறுப்புக்கு இடையிலான எல்லை (அதே பகுதி, பின்னணி நிறம் காட்டப்படும்).

எந்தவொரு சந்தர்ப்பத்திலும், நீங்கள் CSS-அதிகாரத்தின் பின்னணி அளவை (பின்னணி அளவு) மாற்றி, அதை 200px * 200px என அமைக்கலாம், பின்னர் அதே சாய்வு புலம் DOM உறுப்பின் இடது மேல் மூலையில் அமைக்கப்பட வேண்டும், பின்னணியை அமைக்கவும்- நிலை (பின்னணி நிலை).

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

சாய்வு வரி

சாய்வு புலத்தில், மையத்தின் வழியாக செல்லும் கோடு மற்றும் வண்ணங்கள் பிரிக்கப்படுகின்றன, இது சாய்வு கோடு என்று அழைக்கப்படுகிறது. பிரிவின் ஆரம்பம் பற்றிய அறிக்கைக்கு, சாய்வுக்கான ரோஜாவின் தெளிவுபடுத்தலின் போது Qiu வரியை எளிமையான முறையில் விவரிக்கலாம்.

குட் சாய்வு

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

C என்பது சாய்வு புலத்தின் மையப் புள்ளியாக இருந்தால், A என்பது Z வழியாகச் செல்லும் செங்குத்துக் கோட்டிற்கும், அந்த சாய்வுக் கோட்டிற்கும், அதே போல் Z வழியாகவும் செல்லும், மற்றும் சாய்வின் நிறுத்த நிறங்கள் பிரிக்கப்பட்டால்.

Tsey kut இரண்டு வழிகளில் ஒதுக்கப்படலாம்:

முக்கிய வார்த்தைகளில் ஒன்றின் உதவிக்கு: மேலே (மேல்நோக்கி), கீழே (கீழே), இடது (இடது கை), வலது (வலது), மேல் வலது (வலது மேல்நோக்கி), மேல் இடது (இடது மேல்நோக்கி) , கீழ் வலது (வலது கீழே), கீழ் இடது (இடது கை கீழே);
வெற்றியின் அந்த ஒற்றுமையின் எண்ணிக்கையுடன் கூடிய குடாவின் பெயரின் மூலம் Abo, எடுத்துக்காட்டாக 45டிகிரி (45 டிகிரி), 1டர்ன் (1 டர்ன்);

நீங்கள் அதை வெட்ட விரும்பவில்லை என்றால், ஒயின்களை பூட்டுவதற்கு அது நேராக கீழே உள்ளது (அது 180 டிகிரி அல்லது 0.5 திருப்பங்கள்):


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

எந்த அறிகுறியும் இல்லாத இடத்தில், வெள்ளை நிறத்தில் இருந்து சிவப்பு வரையிலான சாய்வு மிருகத்திற்கு கீழே விழுகிறது, இது கீழே காட்டப்பட்டுள்ளபடி முக்கிய வார்த்தையை கீழே (கீழே) உறுதிப்படுத்துகிறது:

І, அடுத்த 2 படங்களில் காட்டப்பட்டுள்ளபடி, மேலே (மேல்நோக்கி) வெட்டு பூஜ்ஜிய டிகிரிக்கு மாறும்:

மற்றொரு முக்கியமான தருணம், ஒரு varto vrakhovuvati, vikoristovuyuchi முக்கிய வார்த்தைகள் kuta - ஷோ மேல் வலது (வலது மேல்நோக்கி), எடுத்துக்காட்டாக (இல்லையெனில், அது முக்கிய வார்த்தை kuta இருக்கும்) சாய்வு துறையில் படுத்துக்கொள்ள.

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

மேல் வலதுபுறம் (வலது மேல்நோக்கி) சாய்வு கோடு மேல் வலது மூலையில் செல்கிறது என்று அர்த்தம் இல்லை, மேலும் விலை சாய்வு கோடு 45 டிகிரிக்கு அருகில் உள்ளது என்று அர்த்தமல்ல!

குட்டா மாற்றப்படும்போது, ​​ஆக்கிரமிப்பு அனிமேஷனின் உதவிக்காக, சாய்வுக் கோடு எவ்வாறு சரிகிறது என்பதைப் பற்றி ஆச்சரியப்படுவோம்:


இந்த அனிமேஷனில், வெட்டு 0 முதல் 360 டிகிரி வரை அதிகபட்சம் 10 டிகிரி வரை ஹஃப் செய்யப்படுகிறது. குறைந்த razdіlna zdatnіst GIF நேவிட், சாய்வு கோடுகளுக்கு செங்குத்தாக இருப்பது போல், கோடுகளில் வெவ்வேறு வண்ணங்கள் தோன்றுவதால், சிறப்பாக தோற்றமளிக்க உங்களை அனுமதிக்கிறது.

குளிர் சாய்வு பற்றி நமக்கு என்ன தெரியும் என்று யூகிக்கவும்:

சாய்வு மற்றும் வரிக்கு இடையில் குட் vimiryuєtsya, சாய்வு புலத்தின் மையத்திலிருந்து வெளியேறி மேல்நோக்கி சரிவது எப்படி.
அதற்கு 0 டிகிரி என்றால் மலை என்று அர்த்தம்.
வெட்டு நிலையான மதிப்பு, அது சுட்டிக்காட்டப்படவில்லை என, கீழே உள்ளது, இது 180 டிகிரி ஆகும்.
முக்கிய வார்த்தைகள் குடா சாய்வு புலத்தில் கிடக்கின்றன.

சாய்வு Dovzhina வரி

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

உதாரணத்தைப் பாருங்கள்:

45 டிகிரி மூலையில் சிவப்பு முதல் நீலம் வரை சாய்வு நமக்குத் தேவை, மேலும் சாய்வு புலத்தின் எதிர் பக்கத்தில், சாய்வு கோடு வலது மேல் மூலையில் செல்ல முடியாது.

நீங்கள் உலாவியை விரும்பினால் (குறியீடுகள் முடக்கப்படும் வகையில்) வலது மேல் வெட்டு தூய நீல நிறமாக மாற்றவும். வயலின் ஓரங்களில் கிரேடியன்ட் கோடு தொடங்கி முடிவடையும் வகையில் நாங்கள் யாக்பியை வேலை செய்தோம், அதே நேரத்தில் நீல நிறம் வயலின் பெரும்பகுதியை ஆக்கிரமித்துள்ளது, மேலும் இரு கிரேடியன்ட் அவ்வாறு வெளியேறவில்லை.

அதற்கு, schob tse zrobity, சாய்வு கோடு சில சமயங்களில் சாய்வு புலங்களுக்கு அப்பால் செல்லும் குற்றமாகும். நீங்கள் அதைச் செய்யும்போது, ​​அதைக் கண்டுபிடிப்பது எளிது, டி தொடங்குவதும் முடிவதும் இல்லை. சாய்வு கோட்டிற்கு செங்குத்தாக இருப்பதால், மிக நெருக்கமான வெட்டு வழியாக செல்லும் வகையில் கோட்டைக் கடக்கவும். ஒரு புள்ளி, கோடு சாய்வின் கோட்டைக் கடக்கும் இடத்தில், அது கோப்/கின்ட்சாவின் ஸ்பேட் ஆகும்.

உண்மையில், நீங்கள் சாய்வு புலத்தின் அகலம் W, உயரம் H மற்றும் சாய்வின் முடிவை அமைத்தால், சாய்வு கோட்டின் நீளம்:

Abs(W * sin(A)) + abs(H * cos(A))

நிறம்

நிறங்கள் ஒரு பட்டியல், கோமாவால் வகுக்கப்படுகின்றன, இதில் தோல் உறுப்பு அத்தகைய தரவரிசையில் ஒதுக்கப்படலாம்:
<цвет> [<процентное соотношение> | <длина>]?

அது neobov'yazkovo அறிவுறுத்த வேண்டும், டி மே சாய்வு வரியில் நிறங்கள் வைக்க வேண்டும். உதாரணத்திற்கு:


ஜோடன் தனது சொந்த முகாமின் வண்ணங்களில் இருந்து, உலாவி தன்னை இந்த நிலைகளை ஒதுக்கியுள்ளது.

எளிமையான பயன்பாட்டில், 2 வண்ணங்களுடன் மட்டுமே, வண்ணம் 1 ஐ 0% (கிரேடியன்ட் கோட்டின் கோப்பில்), மற்றும் வண்ணம் 2 - 100% (உதாரணமாக, சாய்வு கோடு) வைக்கப்பட வேண்டும்.

பின்னர், நீங்கள் மூன்றாவது வண்ணம், வண்ணம் 1 ஐச் சேர்த்தால், நீங்கள் இன்னும் 0% இழக்க நேரிடும், வண்ணம் 2 50% ஆக இருக்கும், மற்றும் வண்ணம் 3 - 100% மற்றும் பல.

நகர்த்தப்பட்ட பட்க்கு 5 நிறுத்த டிக்கெட்டுகள் அமைக்கப்பட்டன, மேலும் உலாவி அவற்றின் புலப்படும் நிலையை 0%, 25%, 50%, 75%, 100% எனத் திறந்தது. இந்த є சம rozpodіl uzdovzh துறையில் சாய்வு காரணம்.

உயர வேறுபாட்டின் உதவிக்காகவோ (கிரேடியன்ட் கோட்டின் நூறு சதவீதம்) அல்லது CSSன் ஆழத்தைப் பார்ப்பதற்காகவோ (de dіє be-yaka vimіryuvannya CSS) நிறத்தின் நிலையைக் காட்சிப்படுத்தலாம்.

அச்சு பட்:

நீங்கள் எப்படி பாக்கிட் செய்கிறீர்கள், 5 ஸ்டாப் டிக்கெட்டுகளில் இருந்து தோல் அதன் சொந்த நிலையைக் கொண்டிருக்கலாம், பிக்சல்களில் கொடுக்கப்பட்டுள்ளது. Tsі நிலை சாய்வு வரி கோப் இருந்து razrahovyutsya.

Vykoristovuyuchi போன்ற நிலைகள், நீங்கள் cіkavih விளைவுகள் சிறிது எடுக்க முடியும். எடுத்துக்காட்டாக, நீங்கள் சாய்வை வெல்லலாம், இதன் மூலம் நீங்கள் சாய்வை இது போன்ற வண்ணம் தீட்ட வேண்டாம், ஆனால் வண்ணங்களை விட்டுவிடுங்கள்:

படத்தில் 7 வண்ணங்கள் உள்ளன, மேலும் துர்நாற்றம் அடுத்த வண்ணம் அதே நிலையில் தொடங்கும் வகையில் அமைக்கப்பட்டுள்ளது, ஆனால் மீதமுள்ளவை, அதாவது இரண்டு ஸ்டாப் கார்டுகளுக்கு இடையில் உள்ள இடத்தை உலாவி நிரப்ப தேவையில்லை. ஒரு சாய்வு.

வெளிப்படையாக, எல்லாமே அழகாகவும் வேடிக்கையாகவும் உள்ளன, ஆனால் நீங்கள் நிறங்களின் நிலைப்பாட்டை நிலைத்தன்மையற்றவற்றுடன் மாற்றினால் என்ன ஆகும்? நீங்கள் உலாவியை மேலும் வேலை செய்ய மாற்றலாம் மற்றும் வண்ணங்களை தானாக பிரிக்கும்படி கேட்கலாம், அதற்காக நீங்கள் ஒரு நிலையை குறிப்பிடவில்லை:

இந்த எளிய எடுத்துக்காட்டுக்கு, வேறு நிறத்திற்கு (ஆரஞ்சு) நிலை இல்லை, எனவே உலாவியே அதைக் குறிக்கும் மற்றும் முந்தைய இடையே பொருத்தமான இடத்தை அறிந்து கொள்ளும், அடுத்த வண்ணத்துடன் அதை அமைப்போம். இங்கே இது இன்னும் எளிமையானது, நடுத்தர நிறம் இல்லாத மற்ற வண்ணங்கள் அவற்றின் நிலையை மாற்றலாம், ஆனால் நிலைகள் சில வண்ணங்களில் மட்டுமே இருந்தாலும், அல்லது முன் அல்லது முன்னோக்கி நிறங்கள் நிலையை மாற்றவில்லை என்றால், எல்லாம் மாறுகிறது. மிகவும் சிக்கலானது.

பயன்பாடுகளின் ஸ்ப்ராட்டைப் பார்ப்போம்:

பிட்டத்தில் 30% மூன்றாவது வண்ணம் (மஞ்சள்) நிலை உள்ளது. எனவே, மற்ற அனைத்தையும் அடிக்கடி பிரிப்பதற்காக, முதலாவது 0% ஆகவும், மீதமுள்ளவை - 100% ஆகவும், மற்ற வண்ணங்கள் நடுவில் பிரிக்கப்படுகின்றன (இதனால் ஆரஞ்சுகள் 0% மற்றும் நடுவில் இல்லாமல் முடிவடையும். 30%, மற்றும் சிவப்பு - 30% மற்றும் 100% இடையே) .

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

வெளிப்படையாக, இது இன்னும் எளிமையானதாக இருக்கும், yakby 0% மற்றும் 100% கடினமான சட்டங்கள், நீங்கள் வெளியே செல்ல முடியாது. நீங்கள் முன் பட் இருந்து பார்க்க முடியும் என, மடிப்புகளின் மீதமுள்ள நிறம் 120%, எனவே மற்ற அனைத்து வண்ணங்களும் கொடுக்கப்பட்ட நிலைக்கு ஏற்ப அதே தரவரிசை காரணமாக உள்ளன (இந்த துளியில் கோப் நிலையான புள்ளி 0% நிரப்பப்பட்டுள்ளது )

உங்கள் உலாவியை மேலும் திறமையாக மாற்ற விரும்பினால், நிலைகளின் வரிசையை ஏன் குறிப்பிடக்கூடாது?

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

முதல் நிறம் (சிவப்பு) இருந்து Pochnemo, 30% stashed. அவர்கள் 10% மாற்றங்களை வேறு வண்ணம் கொடுத்தனர், இது ஏற்கனவே தவறு, துகள்கள், அது இன்னும் கூறப்பட்டது போல், நிறங்கள் பதவிகளை அதிகரிப்பதற்கு காரணம். எனவே, இங்கே உலாவி மற்ற நிறத்தின் நிலையை சரிசெய்து, முன் நிறத்தின் அதே நிலைகளுக்கு (30%) அமைக்கிறது. நாங்கள் மூன்றாவது வண்ணம் (மஞ்சள்), 60% வண்ணம் கொடுத்தோம், இது சரியானது, பின்னர் அதை கால் (நீலம்) 40% கொண்டு பின்தொடர்ந்தோம். சரி, நிலை சரி செய்யப்பட்டு, முன் நிலை நிறத்தின் அதே மதிப்புகளுக்கு மீட்டமைக்கப்பட்டது என்பது எனக்குத் தெரியும்.

சரி, பிட்டத்தில் காட்டப்பட்டுள்ளபடி, மீதமுள்ள வண்ணம் (நீலம்) தவறாக நிலைநிறுத்தப்பட்டுள்ளது மற்றும் உலாவி அதே நிலையில் உள்ளது, முன் நிறத்தில் உள்ளது, இது இந்த விஷயத்தில் நடுத்தர susіd (zhovtim) இல்லாமல் є nі யோகோ இல்லை. , nі susіd kolіoru, இது அவருக்கு முன்னால் (ஆரஞ்சு) நிற்க வேண்டும், அந்த ஒயின் முதல் நிறத்திற்கு (சிவப்பு) மாறலாம். இந்த வரிசையில், சிவப்பு மற்றும் நீலம் இடையே உள்ள அனைத்து வண்ணங்களும் 30% நிலையில் அமைக்கப்பட்டுள்ளன, மேலும் அவை கண்ணுக்கு தெரியாதவை.

கருவிகள்

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

கருவியில் ஏதேனும் பிழைகள் காணப்பட்டால் (ஜாவாஸ்கிரிப்டில் சிறப்புக் கருத்துகள்), பணக்கார எதுவும் உள்ளதா என்று பார்க்க வேண்டாம்.

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

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

நேரியல்-சாய்வு

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

பின்னணி: நேரியல் சாய்வு (ஆரஞ்சு, தங்கம்);

எண்ணிக்கை இரண்டுக்கு மேல் இருக்கலாம். வண்ணங்களின் சாய்வு மற்றும் எல்லைகளை (தானியத்தின் புள்ளிகள்) நேராக்கவும் முடியும்.

நேரடியாக, நீங்கள் முக்கிய வார்த்தைகளுடன் டிகிரிகளை அமைக்கலாம்.

முக்கிய வார்த்தைகள்:மேல் = 0deg; வலது = 90deg; கீழே = 180deg - திணிப்புக்கான மதிப்பு; இடது = 270deg.

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

புஸ்கோவியிலிருந்து மஞ்சள் வரை நீட்டுவதில் வெவ்வேறு நேர்கோடுகளை எவ்வாறு பயிற்சி செய்வது என்பதை கீழே நீங்கள் வேலை செய்யலாம்:

பிட்டத்திற்கான முதல் சதுரத்தின் அச்சு குறியீடு:

மேல்-இடது (பின்னணி: லீனியர்-கிரேடியன்ட்(மேலே இடப்புறம், ஊதா, கருஞ்சிவப்பு, ஆரஞ்சர்டு, தங்கம்); )

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

நேர்கோட்டு உருவங்களில் வேறுபாடு நன்றாகக் காணப்படுகிறது:

சாய்வு வண்ணங்களுக்கான உச்ச புள்ளிகளை அமைக்கவும் முடியும், மதிப்புகள் அலகுகளில் அல்லது மதிப்புகளில் அமைக்கப்பட்டுள்ளன, மேலும் 100% அதிகமாகவும் 0% க்கு குறைவாகவும் இருக்கலாம்.

% , em மற்றும் உறுப்புகளுக்கு அப்பாற்பட்ட மதிப்பிற்கு குறிப்பிட்ட மதிப்பைப் பயன்படுத்தவும்:

நிலையான வண்ணங்களின் தானியங்களின் புள்ளிகள் நெருக்கமாக இருக்கும், அவற்றுக்கிடையே இன்னும் தெளிவாக இருக்கும். இந்த வரிசையில், நீங்கள் எளிதாக smugast foni வேலை செய்யலாம்:

எனவே அதிகரிக்க முடியும், எடுத்துக்காட்டாக, பிச்னு நெடுவரிசையின் பின்னணி, பாட்கிவ் உறுப்பின் உயரத்திற்கு நீட்டிக்கப்படுகிறது:

பக்கப்பட்டியின் பின்னணியில் உள்ள Smuzhki மற்றொரு சாய்வாகும், இது முழு வெளிப்படைத்தன்மையையும் 30% வெளிப்படைத்தன்மையிலிருந்து ஒரு வெள்ளை நிறத்தையும் சேர்க்கிறது. napіvprozorimi நிறங்களில் இருந்து சாய்வு பார்க்க எளிதானது, இது எந்த நிறத்தின் பின்புலத்தின் மேல் வைக்கப்படலாம்.

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

பார்டர் கிடைப்பதற்கு, குறியீடு மிகக் குறுகியதாக இருக்கலாம்:

ஒளி (பின்னணி: பீச்பஃப் லீனியர்-கிரேடியன்ட்(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .4) 50%) சென்டர் சென்டர் / 2எம்; ) .டர்க் (பின்னணி: ஸ்டீல் ப்ளூ லீனியர்-கிரேடியன்ட்(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .2) 50%) சென்டர் சென்டர் / 100% 1எம்;

முதல் வரிசைக்கு, உறுப்புகளின் பின்னணி நிறத்தை அமைக்கிறோம், வகை i நேரடியாக (வண்ணம் மற்றும் நேரடி தவிர்க்கப்படலாம்), மற்ற வரிசையில் நாம் சாய்வு நிறத்தையும் அவற்றுக்கிடையேயும் குறிப்பிடுகிறோம், மூன்றாவது வரிசையில் நாம் நிலையை குறிப்பிடுகிறோம் மற்றும் படத்தின் அளவு, என்ன நடந்தது. மிக முக்கியமான பகுதி ரோஸ்மேரி. பிடிப்புக்குப் பிறகு பின்னணி மீண்டும் மீண்டும் செய்யப்படுகிறது, எனவே உறுப்பின் பின்னணியில் நிரப்பப்பட வேண்டும். புரிந்துகொள்வது எளிது :)

முழு பதிவையும் ஒரே வரிசையில் உடைக்கலாம், ஆனால் வாசிப்புத்திறனுக்காக கில்காவில் எழுதுவது நல்லது, குறிப்பாக மடிப்பு சாய்வுகளுக்கு.

வெளிப்படையான திறவுச்சொல் என்பது கருப்பு வெளிப்படைத்தன்மையைக் குறிக்கிறது, வெள்ளை வெளிப்படைத்தன்மை அல்ல என்பதை அறிவது முக்கியம், எனவே Firefox உடன், பின்வரும் ஏற்றுக்கொள்ள முடியாத தன்மையை நீங்கள் எடுக்கலாம்:

அதை மறைக்க, தேவையான படத்தின் நிறத்தை முன்னிலைப்படுத்தவும், எடுத்துக்காட்டாக, வெள்ளை: rgba(255, 255, 255, 0) அல்லது கருப்பு rgba(0, 0, 0, 0) . வண்ணங்களை வைப்பதற்கான வெவ்வேறு வழிகளைப் பற்றி நீங்கள் படிக்கலாம்.

ஒரு குறிப்பிட்ட நிறத்தின் rgb-குறியீட்டை அடையாளம் காண, நீங்கள் வேகப்படுத்தலாம் CSS.coloratum Lea Verou போன்ற கருவி.

கிரேட் லீனியர்-கிரேடியன்ட்டின் க்ரீம், ரிபீட்-லீனியர்-கிரேடியன்ட் - ரிபீட் கிரேடியன்ட் மூலம் உருவாக்கப்படலாம்.

எழுத்துப்பிழை குறியீடு:

பின்னணி: ரிபீடிங்-லீனியர்-கிரேடியன்ட்(பச்சை, பச்சை .5எம், வெளிப்படையான .5எம், வெளிப்படையான 1எம்);

துல்லியம் முக்கியமில்லாததால், சாய்வுகளை மீண்டும் மீண்டும் செய்ய வேண்டும் என்பது பரிதாபம். நேர்த்திக்காக, நேரியல் சாய்வை அதே பின்னணி அளவு மற்றும் பின்னணி-மீண்டும் மாற்றவும்.

பாக்ஸ்-நிழல் போன்ற சாய்வுகளையும் குளிர்விக்க முடியும்: நீங்கள் சரியான வண்ணங்களை அல்லது நேரடியாக அமைக்க முடியாது. மடிப்பு சாய்வுகளை உருவாக்க, முன்செயலிகளைப் பயன்படுத்தி, அந்த மாநிலத்தின் குறியீட்டை நகலெடுக்கும் முன், முன்செயலிகளால் குறியீட்டை விரைவுபடுத்துவது அவசியம்.

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

குறுக்கு உலாவி சாய்வுகளை விரைவாக உருவாக்க, ஒரு எளிய கருவியும் உள்ளது: colorzilla.com/gradient-editor/. நவீன உலாவிகளுக்கான குற்றக் குறியீடு, பழைய IEக்கான வெற்றிக் குறியீடு மற்றும் IE 9க்கான SVG.

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

மதிப்புள்ளதா? Facebook இல் எங்களை லைக் செய்யுங்கள்