DevTulz Online

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

રંગ સ્ટૉપ

CSS ગ્રેડિયન્ટ શું છે?

CSS ગ્રેડિયન્ટ્સ છબી ફાઇલોનો ઉપયોગ કર્યા વિના બે અથવા વધુ રંગો વચ્ચે સ્મૂધ ટ્રાન્ઝિશન દર્શાવવા દે છે. તે ત્રણ પ્રકારે આવે છે: linear-gradient (સીધી રેખા સાથે), radial-gradient (કેન્દ્ર બિંદુથી ફેલાઈ), અને conic-gradient (કેન્દ્ર બિંદુની ફરતે). ગ્રેડિયન્ટ્સ બેકગ્રાઉન્ડ, બટન, ઓવરલે અને ડેકોરેટિવ એલિમેન્ટ્સ માટે ઉપયોગ થાય છે.

CSS ગ્રેડિયન્ટ જનરેટર કેવી રીતે ઉપયોગ કરવો

  1. સ્વૉચ્સ માંથી પ્રીસેટ પસંદ કરો અથવા તમારો પોતાનો ગ્રેડિયન્ટ સેટ કરો.

  2. ગ્રેડિયન્ટ પ્રકાર પસંદ કરો: linear, radial અથવા conic.

  3. ખૂણો (linear/conic માટે) અથવા આકાર (radial માટે) ગોઠવો.

  4. રંગ સ્ટૉપ સંપાદિત કરો — રંગ અને સ્થિતિ (0–100%) બદલો.

  5. જરૂર મુજબ રંગ સ્ટૉપ ઉમેરો અથવા દૂર કરો.

  6. CSS કૉપિ કરો અને તમારી સ્ટાઇલશીટમાં પેસ્ટ કરો.

Keywords: CSS ગ્રેડિયન્ટ જનરેટર, લિનિયર ગ્રેડિયન્ટ, રેડિયલ ગ્રેડિયન્ટ, કોનિક ગ્રેડિયન્ટ, CSS બેકગ્રાઉન્ડ જનરેટર, ગ્રેડિયન્ટ રંગ પિકર, CSS ગ્રેડિયન્ટ ટૂલ