Preview

உருவாக்கப்பட்ட CSS

background: linear-gradient(135deg, #4F46E5, #8B5CF6);

சாய்வு கட்டுப்பாடுகள்

135°
0%
100%

பிரபலமான முன்னமைவுகள்

சாய்வு எடுத்துக்காட்டுகள்

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

சன்செட் ப்ளஷ்

அழகான சூரிய அஸ்தமனத்தால் ஈர்க்கப்பட்ட ஒரு சூடான சாய்வு.

பெருங்கடல் காற்று

கடலோர நீரின் உணர்வைத் தூண்டும் ஒரு அமைதியான சாய்வு.

புதினா இணைவு

புதினா மற்றும் வான நீலத்தை இணைக்கும் புதிய மற்றும் நவீன சாய்வு.

பசுமையான தோட்டம்

இயற்கையின் அழகைக் குறிக்கும் ஒரு துடிப்பான சாய்வு.

பிரபஞ்சக் கனவு

இரவு வானத்தால் ஈர்க்கப்பட்ட ஒரு மாயாஜால சாய்வு.

கோல்டன் ஹவர்

அந்தியின் சாரத்தைப் படம்பிடிக்கும் ஒரு சூடான சாய்வு.

சாய்வு ஆவணம்

CSS சாய்வுகள் என்றால் என்ன?

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

  • நேரியல் சாய்வுகள்:ஒரு நேர் கோட்டில் மாற்றம் வண்ணங்கள்.
  • ஆர சாய்வுகள்:ஒரு மைய புள்ளியிலிருந்து வெளிப்புறமாக வண்ணங்களை மாற்றவும்.
  • கூம்பு சாய்வுகள்:ஒரு வட்டத்தில் ஒரு மைய புள்ளியைச் சுற்றி மாற்றம் வண்ணங்கள்.

சாய்வுகளை எவ்வாறு பயன்படுத்துவது

எங்கள் கருவியைப் பயன்படுத்தி ஒரு சாய்வை உருவாக்கியவுடன், உங்கள் திட்டங்களில் CSS குறியீட்டைப் பயன்படுத்தலாம்:

  1. ஜெனரேட்டரிலிருந்து CSS குறியீட்டை நகலெடுக்கவும்.
  2. அதை உங்கள் CSS கோப்பில் ஒட்டவும் அல்லது உங்கள் HTML கூறுகளில் இன்லைனில் பயன்படுத்தவும்.
  3. இதைப் பயன்படுத்தி எந்த உறுப்புக்கும் சாய்வைப் பயன்படுத்தவும்background property.
.my-element {
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}

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

உலாவி ஆதரவு

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

.my-element {
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 குறியீட்டை சுருக்கி மேம்படுத்தவும்

CMYK முதல் PANTONE வரை

அச்சு வடிவமைப்பிற்கான CMYK வண்ண மதிப்புகளை நெருக்கமான Pantone® சமமானதாக மாற்றவும்

Base64 குறியாக்கம் & டிகோட் கருவித்தொகுப்பு

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

JSON ஐ SQL ஆக சிரமமின்றி மாற்றவும்

ஒரே கிளிக்கில் உங்கள் JSON தரவை SQL INSERT அறிக்கைகளாக மாற்றவும். வேகமானது, பாதுகாப்பானது மற்றும் முற்றிலும் உலாவி அடிப்படையிலானது.