CSS ഗ്രേഡിയന്റ് ജനറേറ്റർ

ഗ്രേഡിയന്റ് തരം

കോണം (ഡിഗ്രി)

ആകൃതി

നിറ സ്റ്റോപ്പുകൾ

CSS ഔട്ട്പുട്ട്

CSS ഗ്രേഡിയന്റ് എന്താണ്?

CSS ഗ്രേഡിയന്റുകൾ ഇമേജ് ഫയലുകൾ ഉപയോഗിക്കാതെ രണ്ടോ അതിലധികമോ നിറങ്ങൾക്കിടയിൽ സുഗമമായ മാറ്റങ്ങൾ കാണിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു. മൂന്ന് തരങ്ങൾ ഉണ്ട്: linear-gradient (ഒരു നേർരേഖയോളം), radial-gradient (ഒരു കേന്ദ്രബിന്ദുവിൽ നിന്ന് വ്യാപിക്കുന്ന), conic-gradient (കേന്ദ്രബിന്ദുവിന് ചുറ്റും കറങ്ങുന്ന). ഗ്രേഡിയന്റുകൾ ബാക്ഗ്രൗണ്ടുകൾ, ബട്ടണുകൾ, ഓവർലേകൾ, അലങ്കാര ഘടകങ്ങൾ എന്നിവയ്ക്ക് ഉപയോഗിക്കുന്നു.

CSS ഗ്രേഡിയന്റ് ജനറേറ്റർ ഉപയോഗിക്കുന്നത് എങ്ങനെ

സ്വാച്ചുകളിൽ നിന്ന് ഒരു പ്രീസെറ്റ് തിരഞ്ഞെടുക്കുക അല്ലെങ്കിൽ സ്വന്തം ഗ്രേഡിയന്റ് കോൺഫിഗർ ചെയ്യുക.
ഗ്രേഡിയന്റ് തരം തിരഞ്ഞെടുക്കുക: linear, radial അല്ലെങ്കിൽ conic.
കോണം (linear/conic ന്) അല്ലെങ്കിൽ ആകൃതി (radial ന്) ക്രമീകരിക്കുക.
നിറ സ്റ്റോപ്പുകൾ എഡിറ്റ് ചെയ്യുക — നിറങ്ങളും സ്ഥാനങ്ങളും (0–100%) മാറ്റുക.
ആവശ്യാനുസരണം നിറ സ്റ്റോപ്പുകൾ ചേർക്കുക അല്ലെങ്കിൽ നീക്കുക.
CSS കോപ്പി ചെയ്ത് സ്റ്റൈൽഷീറ്റിൽ ഒട്ടിക്കുക.

Keywords: CSS ഗ്രേഡിയന്റ് ജനറേറ്റർ, ലീനിയർ ഗ്രേഡിയന്റ്, റേഡിയൽ ഗ്രേഡിയന്റ്, കോണിക് ഗ്രേഡിയന്റ്, CSS ബാക്ഗ്രൗണ്ട് ജനറേറ്റർ, ഗ്രേഡിയന്റ് കളർ പിക്കർ, CSS ഗ്രേഡിയന്റ് ടൂൾ