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

linear, radial અને conic વચ્ચેનો તફાવત

CSS ગ્રેડિયન્ટમાં રંગ બદલાવાની રીત અલગ-અલગ હોય તેવાં 3 ફંક્શન છે, અને બધાંને background પ્રોપર્ટીમાં લખવામાં આવે છે.

• linear-gradient：linear-gradient એ નિર્દિષ્ટ કોણની સીધી રેખા સાથે રંગ બદલાતો લિનિયર ગ્રેડિયન્ટ છે.
• radial-gradient：radial-gradient એ કેન્દ્ર સ્થિતિથી બહારની તરફ વર્તુળ કે અંડાકાર આકારમાં રંગ ફેલાતો રેડિયલ ગ્રેડિયન્ટ છે.
• conic-gradient：conic-gradient એ કેન્દ્ર સ્થિતિની આસપાસ ઘડિયાળના કાંટાની દિશામાં એક ચક્કર ફરતાં રંગ બદલાતો કોનિક ગ્રેડિયન્ટ છે.

કોણ અને દિશા કીવર્ડ વચ્ચેનો સંબંધ

linear-gradient નો કોણ 0deg એટલે નીચેથી ઉપર તરફની દિશા હોય છે, અને સંખ્યા વધે તેમ ઘડિયાળના કાંટાની દિશામાં ફરે છે. કોણ «to right» જેવા દિશા કીવર્ડથી પણ લખી શકાય છે, 90deg એ «to right» અને 180deg એ «to bottom» જેવી જ દિશા દર્શાવે છે.

કલર સ્ટોપ અને પારદર્શિતા લખવાની રીત

કલર સ્ટોપ એટલે ગ્રેડિયન્ટમાં જે સ્થિતિએ તે રંગ હોય છે તે સ્થિતિ, જેમાં 0% શરૂઆતનું બિંદુ અને 100% અંતનું બિંદુ દર્શાવે છે. ઉદાહરણ તરીકે «#3B82F6 0%, #8B5CF6 100%» એ શરૂઆતના વાદળી રંગથી અંતના જાંબલી રંગમાં બદલાવાનું નિર્દિષ્ટ કરે છે.

• #RRGGBB ફોર્મેટ：#RRGGBB ફોર્મેટ એ લાલ, લીલા અને ભૂરા રંગની તીવ્રતાને 2-2 અંકના હેક્સાડેસિમલથી દર્શાવતી રંગ લખવાની રીત છે, જેમાં #FF0000 એ અપારદર્શક લાલ રંગ દર્શાવે છે.
• rgba ફોર્મેટ：rgba ફોર્મેટ એ લાલ, લીલા અને ભૂરા રંગના મૂલ્ય (0થી 255) સાથે પારદર્શિતા (0થી 1) ઉમેરતી રંગ લખવાની રીત છે, જેમાં પારદર્શિતા 0.5 અડધો પારદર્શક રંગ દર્શાવે છે.