அழகான CSS சாய்வுகளை சிரமமின்றி உருவாக்கவும்
எங்கள் உள்ளுணர்வு இடைமுகத்துடன் அதிர்ச்சியூட்டும் நேரியல், ரேடியல் மற்றும் கூம்பு சாய்வுகளை உருவாக்கவும். CSS குறியீட்டை நகலெடுத்து உங்கள் திட்டங்களில் உடனடியாகப் பயன்படுத்தவும்.
Preview
உருவாக்கப்பட்ட CSS
சாய்வு கட்டுப்பாடுகள்
பிரபலமான முன்னமைவுகள்
சாய்வு எடுத்துக்காட்டுகள்
இந்த அதிர்ச்சியூட்டும் சாய்வு எடுத்துக்காட்டுகளை ஆராய்ந்து, உங்கள் அடுத்த திட்டத்திற்கு உத்வேகம் பெறுங்கள். ஜெனரேட்டரில் ஏற்ற எந்த gradient மீதும் கிளிக் செய்யவும்.
சன்செட் ப்ளஷ்
அழகான சூரிய அஸ்தமனத்தால் ஈர்க்கப்பட்ட ஒரு சூடான சாய்வு.
பெருங்கடல் காற்று
கடலோர நீரின் உணர்வைத் தூண்டும் ஒரு அமைதியான சாய்வு.
புதினா இணைவு
புதினா மற்றும் வான நீலத்தை இணைக்கும் புதிய மற்றும் நவீன சாய்வு.
பசுமையான தோட்டம்
இயற்கையின் அழகைக் குறிக்கும் ஒரு துடிப்பான சாய்வு.
பிரபஞ்சக் கனவு
இரவு வானத்தால் ஈர்க்கப்பட்ட ஒரு மாயாஜால சாய்வு.
கோல்டன் ஹவர்
அந்தியின் சாரத்தைப் படம்பிடிக்கும் ஒரு சூடான சாய்வு.
சாய்வு ஆவணம்
CSS சாய்வுகள் என்றால் என்ன?
CSS சாய்வுகள் இரண்டு அல்லது அதற்கு மேற்பட்ட வண்ணங்களுக்கு இடையில் மென்மையான மாற்றங்களைக் காட்ட உங்களை அனுமதிக்கின்றன. அவை உறுப்புகளுக்கான பின்னணியாகப் பயன்படுத்தப்படலாம் மற்றும் மூன்று வெவ்வேறு வகைகளில் வருகின்றன:
- நேரியல் சாய்வுகள்:ஒரு நேர் கோட்டில் மாற்றம் வண்ணங்கள்.
- ஆர சாய்வுகள்:ஒரு மைய புள்ளியிலிருந்து வெளிப்புறமாக வண்ணங்களை மாற்றவும்.
- கூம்பு சாய்வுகள்:ஒரு வட்டத்தில் ஒரு மைய புள்ளியைச் சுற்றி மாற்றம் வண்ணங்கள்.
சாய்வுகளை எவ்வாறு பயன்படுத்துவது
எங்கள் கருவியைப் பயன்படுத்தி ஒரு சாய்வை உருவாக்கியவுடன், உங்கள் திட்டங்களில் CSS குறியீட்டைப் பயன்படுத்தலாம்:
- ஜெனரேட்டரிலிருந்து CSS குறியீட்டை நகலெடுக்கவும்.
- அதை உங்கள் CSS கோப்பில் ஒட்டவும் அல்லது உங்கள் HTML கூறுகளில் இன்லைனில் பயன்படுத்தவும்.
- இதைப் பயன்படுத்தி எந்த உறுப்புக்கும் சாய்வைப் பயன்படுத்தவும்
backgroundproperty.
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}
- மிகவும் சிக்கலான சாய்வு விளைவுக்கு இரண்டுக்கு மேற்பட்ட வண்ணங்களைப் பயன்படுத்தவும்.
- மாற்றங்கள் எங்கு நிகழ்கின்றன என்பதைக் கட்டுப்படுத்த வண்ண நிலைகளை சரிசெய்யவும்.
- இன்னும் ஆக்கப்பூர்வமான விளைவுகளுக்கு பல சாய்வுகளை இணைக்கவும்.
- கூம்பு சாய்வுகளுக்கு, மையத்தை மாற்றுவது சுவாரஸ்யமான வடிவங்களை உருவாக்குகிறது.
- உங்களுக்கு பிடித்த சாய்வுகளை பின்னர் பயன்படுத்த சேமிக்கவும்.
உலாவி ஆதரவு
நவீன உலாவிகளில் CSS சாய்வுகள் பரவலாக ஆதரிக்கப்படுகின்றன. இருப்பினும், இன்டர்நெட் எக்ஸ்ப்ளோரர் போன்ற பழைய உலாவிகள் அவற்றை சரியாக வழங்காது. எப்போதும் வீழ்ச்சி வண்ணத்தை வழங்கவும்:
background: #4F46E5; /* Fallback color */
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}
Chrome
26+
Firefox
16+
Safari
6.1+
Edge
12+
இந்த கருவி பற்றி
எங்கள் CSS சாய்வு ஜெனரேட்டர் டெவலப்பர்கள் மற்றும் வடிவமைப்பாளர்கள் சிரமமின்றி அழகான சாய்வுகளை உருவாக்க உதவும் வகையில் வடிவமைக்கப்பட்டுள்ளது. நீங்கள் ஒரு வலைத்தளம், பயன்பாட்டில் பணிபுரிகிறீர்களோ அல்லது வண்ணங்களுடன் பரிசோதனை செய்ய விரும்பினாலும், இந்த கருவி உங்கள் திட்டத்திற்கான சரியான சாய்வை உருவாக்குவதை எளிதாக்குகிறது.
Features
பயன்படுத்த எளிதானது
சாய்வுகளை உருவாக்குவதற்கான உள்ளுணர்வு இடைமுகம்.
பதிலளிக்க வடிவமைப்பு
அனைத்து திரை அளவுகளிலும் சரியாக வேலை செய்கிறது.
நகல்-ஒட்டு தயார்
உடனடியாக சுத்தமான CSS குறியீட்டைப் பெறுங்கள்.
முன்னமைவுகள் கிடைக்கின்றன
அழகான முன் வரையறுக்கப்பட்ட சாய்வுகளுடன் தொடங்கவும்.
Related Tools
CSS மாற்றிக்கு Sass
உங்கள் Sass குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS மாற்றிக்கு குறைவு
உங்கள் குறைவான குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS Minifier
தொழில்முறை துல்லியத்துடன் உங்கள் CSS குறியீட்டை சுருக்கி மேம்படுத்தவும்
அதிர்வெண் அலகு மாற்றி
உங்கள் பொறியியல் மற்றும் அறிவியல் கணக்கீடுகளுக்கு துல்லியத்துடன் அதிர்வெண் வெவ்வேறு அலகுகளுக்கு இடையில் மாற்றவும்
ஆன்லைன் உரை நிழல் CSS ஜெனரேட்டர்
உங்கள் வலைத்தளத்திற்கான அதிர்ச்சியூட்டும் சாய்வு உரை விளைவுகளை உருவாக்கவும்
நம்பக இடைவெளி கால்குலேட்டர்
உங்கள் மாதிரி தரவுக்கான நம்பக இடைவெளிகளை துல்லியமாகவும் எளிதாகவும் கணக்கிடுங்கள்.