வண்ணச்சரிவு உருவாக்கி

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

சாய்வு வகை
வண்ண நிறுத்தங்கள்
CSS
உங்கள் வண்ணச் சாய்வை வடிவமைக்க நிறுத்தங்களையும் திசையையும் சரிசெய்யவும்.

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

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

linear, radial மற்றும் conic சாய்வுகளுக்கு இடையே உள்ள வேறுபாடு என்ன?

ஒரு நேரியல் (linear) சாய்வு நீங்கள் கோணத்தைக் கொண்டு அமைக்கும் நேர்க்கோட்டில் வண்ணங்களை இணைக்கிறது. ஒரு ரேடியல் (radial) சாய்வு மையத்திலிருந்து வெளிப்புறமாக வட்டம் அல்லது நீள்வட்ட வடிவில் அவற்றை பரப்புகிறது. ஒரு கூம்பு (conic) சாய்வு வண்ணச் சக்கரத்தைப் போல மையத்தைச் சுற்றி வண்ணங்களைச் சுழற்றுகிறது.

வண்ண நிறுத்தங்கள் (color stops) என்றால் என்ன?

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

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

ஒரு நேரியல் (linear) அல்லது கூம்பு (conic) சாய்வுக்கு, கோண ஸ்லைடர் திசையை அமைக்கிறது — 0° மேல்நோக்கியும், 90° வலப்புறமும் குறிக்கும். ரேடியல் (radial) சாய்வுக்கு கோணம் இல்லை; அது பரவும் முறையை மாற்ற அதற்குப் பதிலாக வட்டம் அல்லது நீள்வட்ட வடிவத்தைத் தேர்ந்தெடுக்கவும்.