CSS கிரேடியன்ட் ஜெனரேட்டர்
நேரியல், ரேடியல் மற்றும் கூம்பு சாய்வுகளை நேரடி முன்னோட்டம் மற்றும் நகலெடுக்கத் தயாராக உள்ள CSS உடன் உருவாக்கவும். நிறுத்தங்கள், கோணங்கள் மற்றும் வடிவங்களைச் சரிசெய்யவும் - பின்னர் உங்கள் ஸ்டைல்ஷீட்டில் ஒட்டவும்.
CSS Gradient Generator
LiveCSS output
background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);
Key capabilities
- நேரியல், ரேடியல் மற்றும் கூம்பு சாய்வுகளை நேரடி முன்னோட்டம் மற்றும் நகலெடுக்கத் தயாராக உள்ள CSS உடன் உருவாக்கவும்.
- உங்கள் உலாவியில் இயங்கும்
- பயன்படுத்த இலவசம்
எப்படி பயன்படுத்துவது
- சாய்வு வகை மற்றும் கோணம் அல்லது நிலையைத் தேர்ந்தெடுக்கவும்.
- வண்ண நிறுத்தங்களைச் சேர்க்கவும் அல்லது திருத்தவும்.
- உருவாக்கப்பட்ட CSS ஐ நகலெடுக்கவும்.
How this tool works
- சாய்வு வகை மற்றும் கோணம் அல்லது நிலையைத் தேர்ந்தெடுக்கவும்.
- வண்ண நிறுத்தங்களைச் சேர்க்கவும் அல்லது திருத்தவும்.
- உருவாக்கப்பட்ட CSS ஐ நகலெடுக்கவும்.
Recommended settings
- முதலில் இயல்புநிலை விருப்பங்களைப் பயன்படுத்தவும், பின்னர் தேவைப்பட்டால் சரிசெய்யவும்
Supported formats
Text / on-page input
File size and limits
- மிகவும் சிக்கலான பல அடுக்கு மாதிரிக்காட்சிகள் பழைய தொலைபேசிகளில் மெதுவாக உணரலாம்.
Privacy
கலர் & CSS ஜெனரேட்டர்கள் உங்கள் உலாவியில் முழுமையாக இயங்கும். முன்னோட்டங்களும் மாற்றங்களும் உங்கள் பாணிகளை ஒருபோதும் பதிவேற்றாது.
Common use cases
- உங்களுக்குத் தேவைப்படும் போதெல்லாம் CSS கிரேடியன்ட் ஜெனரேட்டரைப் பயன்படுத்தவும்: நேரியல், ரேடியல் மற்றும் கூம்பு சாய்வுகளை நேரடி முன்னோட்டம் மற்றும் நகலெடுக்கத் தயாராக இருக்கும் CSS உடன் உருவாக்கவும்.
Troubleshooting
ஒட்டப்பட்ட பிறகு முன்னோட்டம் வித்தியாசமாகத் தெரிகிறது
உங்கள் பக்கத்தில் போட்டியிடும் CSS ஐச் சரிபார்க்கவும் (மீட்டமைப்புகள், மரபுரிமை நிறங்கள்). உருவாக்கப்பட்ட விதியை முதலில் தனிமைப்படுத்தப்பட்ட நடைதாளில் நகலெடுக்கவும்.
அடிக்கடி கேட்கப்படும் கேள்விகள்
இது எனது CSS ஐ பதிவேற்றுகிறதா?
இல்லை. ஜெனரேட்டர்கள் மற்றும் மாற்றிகள் உங்கள் உலாவியில் நேரடி முன்னோட்டத்துடன் இயங்கும்.
எனக்கு கணக்கு தேவையா?
இல்லை. கருவியைத் திறந்து, கட்டுப்பாடுகளை மாற்றி, CSSஐ நகலெடுக்கவும்.
தொடர்புடைய கருவிகள்
Box Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolHEX ↔ RGB ↔ HSL Converter
Convert colors between HEX, RGB, and HSL instantly with a live swatch.
Open tool