நிறக் கருவிகள்

CSS சாய்வு உருவாக்கி: நேர்கோட்டு, வட்ட, கூம்பு வடிவ – இலவசம்

இலவசம், பதிவு தேவையில்லை, உங்கள் உலாவியிலேயே வேலை செய்யும். 2 முதல் 8 வண்ண நிறுத்தங்களுடன் சாய்வை வடிவமைத்து, நேரடியாகப் பார்த்து CSS ஐ நகலெடுங்கள். PNG படமாகவும் பதிவிறக்கலாம்.

நிறப் புள்ளிகள்

  • 0%
  • 100%

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

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

ஒரு முன்னமைவிலிருந்து தொடங்கு

உங்கள் சாதனத்திலேயே உருவாக்கப்பட்டது.

CSS சாய்வு உருவாக்கி ஏன் பயன்படுத்த வேண்டும்

100% இலவசம்
விரும்பும் அளவுக்குப் பயன்படுத்தலாம். பதிவு தேவையில்லை, வாட்டர்மார்க் இல்லை, எதையும் நிறுவ வேண்டியதில்லை.
வடிவமைப்பிலேயே தனிப்பட்டது
நீங்கள் தட்டச்சு செய்வது உங்கள் உலாவியிலேயே இருக்கும், ஒருபோதும் எங்களுக்கு அனுப்பப்படாது.
எந்தச் சாதனத்திலும் வேலை செய்யும்
Windows, Mac, Linux, Android மற்றும் iPhone-இல் உங்கள் உலாவியிலேயே இயங்கும். ஆப் தேவையில்லை.

CSS சாய்வு உருவாக்கி-ஐ எப்படிப் பயன்படுத்துவது

  1. வகையைத் தேர்ந்தெடுங்கள்: நேர்கோட்டு, வட்ட அல்லது கூம்பு வடிவ. ஸ்லைடரால் திசையை அமையுங்கள்; வட்ட சாய்வுக்கு வட்டம் அல்லது நீள்வட்டத்தைத் தேர்ந்தெடுங்கள்.
  2. வண்ண நிறுத்தங்களின் கீழ், ஒவ்வொரு நிறத்தையும் தேர்ந்தெடுக்கலாம் அல்லது குறியீட்டை உள்ளிடலாம்; அது எங்கே இருக்க வேண்டும் என்பதை ஸ்லைடரை இழுத்து அமையுங்கள். 8 வரை நிறுத்தங்களுக்கு நிறுத்தம் சேர் பொத்தானையும், வரிசையை மாற்ற தலைகீழாக்கு பொத்தானையும் பயன்படுத்துங்கள்.
  3. அல்லது “முன்னமைவிலிருந்து தொடங்கு” பகுதியில் உள்ள முன்னமைவுகளில் ஒன்றைச் சொடுக்கி, அதிலிருந்து மாற்றுங்கள்.
  4. CSS ஐ நகலெடு பொத்தானைச் சொடுக்கி, உங்கள் ஸ்டைல்ஷீட்டில் ஒட்டுங்கள்; அல்லது ஒரு படவளவைத் தேர்ந்தெடுத்து PNG ஐப் பதிவிறக்கு பொத்தானைச் சொடுக்குங்கள்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

CSS ஐ எப்படிப் பயன்படுத்துவது?

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

நேர்கோட்டு, வட்ட, கூம்பு வடிவ சாய்வுகளுக்கு என்ன வித்தியாசம்?

நேர்கோட்டு சாய்வு ஒரு நேர்கோட்டில் கலக்கும்; வட்ட சாய்வு மையத்திலிருந்து வட்டம் அல்லது நீள்வட்டமாகப் பரவும்; கூம்பு சாய்வு வண்ண சக்கரம் அல்லது பை விளக்கப்படம் போல மையத்தைச் சுற்றிச் செல்லும்.

நேர்கோட்டு சாய்வின் திசையை எப்படி மாற்றுவது?

திசை ஸ்லைடரை 0° இலிருந்து 360° வரை இழுங்கள். 0° கீழிருந்து மேல் நோக்கியும், 90° இடமிருந்து வலமாகவும், 180° மேலிருந்து கீழாகவும், 135° கீழ் வலது மூலை நோக்கி சாய்வாகவும் செல்லும்.

ஒரு சாய்வில் எத்தனை வண்ணங்கள் இருக்கலாம்?

2 முதல் 8 வண்ண நிறுத்தங்கள். ஒவ்வொரு நிறுத்தத்திற்கும் 0% முதல் 100% வரை நிலை உண்டு; இரண்டு நிறுத்தங்களை ஒரே நிலையில் வைத்தால், நிறங்களுக்கு இடையே கலப்பு இல்லாமல் கூர்மையான கோடு கிடைக்கும்.

வெளிப்படைத்தன்மையைப் பயன்படுத்தலாமா?

ஆம். ஒரு நிறுத்தத்தில் rgba(47, 91, 255, 0.5) போன்ற வண்ணத்தையோ 8 இலக்க HEX குறியீட்டையோ உள்ளிடுங்கள்; அந்த இடத்தில் சாய்வு ஊடுருவும் வகையில் மங்கும்.

சாய்வைப் படமாகப் பதிவிறக்கலாமா?

ஆம். 1920 × 1080, 3840 × 2160, 1080 × 1080, 1080 × 1920 அல்லது 1500 × 500 அளவைத் தேர்ந்தெடுத்து PNG ஐப் பதிவிறக்கு பொத்தானைச் சொடுக்குங்கள்; வால்பேப்பர், ஸ்லைடு, சமூக இடுகை அல்லது தலைப்புப் பகுதிக்கு இது பயன்படும்.

இந்த CSS Tailwind, React அல்லது WordPress உடன் வேலை செய்யுமா?

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

எதுவும் பதிவேற்றப்படுகிறதா?

இல்லை. சாய்வுகள் உங்கள் சாதனத்திலேயே உருவாக்கப்படுகின்றன.

CSS சாய்வு உருவாக்கி இலவசமா?

ஆம். இது இலவசமாகப் பயன்படுத்தலாம், பதிவு தேவையில்லை, எதையும் நிறுவ வேண்டியதில்லை.

உதவி மற்றும் வழிகாட்டிகள் (ஆங்கிலத்தில்)

தொடர்புடைய கருவிகள்