CSS ગ્રેડિયન્ટ જનરેટર

લાઇવ પૂર્વાવલોકન અને કૉપિ-રેડી CSS સાથે રેખીય, રેડિયલ અને કોનિક ગ્રેડિએન્ટ્સ બનાવો. સ્ટોપ્સ, ખૂણાઓ અને આકારોને સમાયોજિત કરો — પછી તમારી સ્ટાઇલશીટમાં પેસ્ટ કરો.

CSS Gradient Generator

Live

Type

Angle135°

Stop 1

Stop 2

Third color stopStop 3

CSS 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 માટે તપાસો (રીસેટ્સ, વારસાગત રંગો). જનરેટ કરેલ નિયમને પહેલા એક અલગ સ્ટાઈલશીટમાં કોપી કરો.

FAQ

શું આ મારું CSS અપલોડ કરે છે?

ના. જનરેટર અને કન્વર્ટર તમારા બ્રાઉઝરમાં લાઈવ પૂર્વાવલોકન સાથે ચાલે છે.

શું મારે એકાઉન્ટની જરૂર છે?

ના. ટૂલ ખોલો, નિયંત્રણોને ટ્વિક કરો અને CSS ની નકલ કરો.