CSS Gradient Generator
සජීවී පෙරදසුන සහ පිටපත් කිරීමට සූදානම් 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 Gradient Generator භාවිතා කරන්න: සජීවී පෙරදසුන සහ පිටපත් කිරීමට සූදානම් 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