எப்படி CSS ஐ முக்கோணம் செய்ய: மிகவும் வசதியான வழிகளில்

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

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

தளங்கள் வடிவமைப்பில் விண்ணப்ப

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

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

பயன்படுத்தி சட்ட உருவாக்கும் ஒரு முறை

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

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

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

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

psevdoedementov பயன்படுத்தி

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

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

பிளஸ் முக்கோணங்கள் உருவாக்க CSS கட்டமைப்பை பயன்படுத்தி உள்ளன:

• பண்புகள் உதவியுடன் அளவுகளிலும் வண்ணங்களிலும் விரைவான மற்றும் எளிதான எடிட்டிங்;
• அனைத்து உலாவிகளை நாங்கள் ஆதரிக்கிறோம்.

தீமைகள்:

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

ஆயத்த படங்கள் பயன்படுத்தி

முக்கோணங்கள் உருவாக்கும் பின்வரும் முறை - குறியாக்கப்பட்ட படங்களை பயன்படுத்துவது ஆகும். முக்கோணம் ஒரு படத்தை ஆசிரியர் உள்ள முன்கூட்டியே வரையப்பட்ட மற்றும் சிறப்பு சேவைகளுடன் ஒரு சிறப்புக் குறியீடும் மாற்றப்படுகிறது.

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

உலாவிகளில் Internert எக்ஸ்ப்ளோரர் பழைய பதிப்புகள் பயன்படுத்தி மதிப்புள்ள ஒரு தனி உருப்படி. அவைகளில், முறை பயன் தராது என.

செய்முறை தலைகீழான சதுர

ஒரு வழி CSS ஐ தலைகீழான சதுர ஒரு வழிமுறையாக உருவாக்க வேண்டும். இரண்டு அடிப்படை அலகு உள்ளன. ஆனால் சில மக்கள் போலி பயன்படுத்த.

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

முடிவுகளை

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

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