CSS கிரேடியன்ட் ஜெனரேட்டர்

எப்படிப் பயன்படுத்துவது

1. நேர்கோட்டு, வட்ட அல்லது கூம்பு வகையைத் தேர்ந்தெடுங்கள்; அல்லது முன்அமைவு / சீரற்ற கிரேடியன்ட்டிலிருந்து தொடங்குங்கள்.
2. ஒரு புள்ளியைக் கிளிக் செய்து அதன் நிறம், ஒளிபுகாமை, இடத்தை மாற்றுங்கள்; இழுத்து நகர்த்தலாம்; இன்னொன்றைச் சேர்க்கப் பட்டையைக் கிளிக் செய்யுங்கள்.
3. CSS-ஐ நகலெடுத்து உறுப்பின் விதியில் ஒட்டுங்கள்.

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

நேர்கோட்டு, வட்ட, கூம்பு கிரேடியன்ட்களுக்கு என்ன வேறுபாடு?
நேர்கோட்டு கிரேடியன்ட் நீங்கள் தேர்ந்த கோணத்தில் நேர்கோட்டில் நிறம் மாறும். வட்ட (radial) கிரேடியன்ட் மையத்திலிருந்து வட்டமாகவோ நீள்வட்டமாகவோ பரவும். கூம்பு (conic) கிரேடியன்ட் கடிகார முள்போல மையத்தைச் சுற்றித் திரும்பும்; வண்ணச் சக்கரங்களுக்கும் வட்ட விளக்கப்படங்களுக்கும் பயன்படும்.

CSS கிரேடியன்ட்கள் எல்லா உலாவிகளிலும் வேலை செய்யுமா?
ஆம். நேர்கோட்டு, வட்ட, கூம்பு கிரேடியன்ட்கள் Chrome, Edge, Firefox, Safari-யின் அனைத்து தற்போதைய பதிப்புகளிலும் முன்னொட்டு இல்லாமல் வேலை செய்யும். முதல் background வரி சாதாரண நிறம்; மிகப் பழைய உலாவிகள் மட்டுமே அதைப் பயன்படுத்தும்.

கோடுகளை எப்படி உருவாக்குவது?
ஒவ்வொரு கோட்டின் தொடக்கத்திலும் முடிவிலும் ஒரே நிறத்தின் இரண்டு புள்ளிகளை வையுங்கள்; நிறம் கலக்காமல் திடீரென மாறும். பிறகு "மீண்டும் மீண்டும்" என்பதை இயக்குங்கள். கடைசி முன்அமைவு ஓர் எடுத்துக்காட்டு.

🏷️ மெட்டா டேக் ஜெனரேட்டர்
🖼️ Open Graph ஜெனரேட்டர்
🔗 UTM இணைப்பு உருவாக்கி
🔲 CSS Box Shadow ஜெனரேட்டர்