સુંદર CSS ટેક્સ્ટ ગ્રેડિયન્ટ વિના પ્રયાસે બનાવો
Create Stunning Gradient Text Effects for Your Website
ઢાળ નિયંત્રણો
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
લોકપ્રિય ઢાળો
કેવી રીતે ઉપયોગ કરવો
તમારું લખાણ દાખલ કરો
ઢાળને તમે "લખાણ" ઇનપુટ ક્ષેત્રમાં લાગુ કરવા માંગો તે લખાણ લખો.
ઢાળ પ્રકાર પસંદ કરો
રૈખિય, રેડિયલ અથવા કોનિક ઢાળના પ્રકારો વચ્ચે પસંદગી કરો.
દિશા અથવા કોણ સંતુલિત કરો
રેખીય ઢાળ માટે, દિશા પસંદ કરો. કોનિક ઢાળો માટે, ખૂણો સુયોજિત કરો.
રંગોને વૈવિધ્યપૂર્ણ બનાવો
તમારો ઇચ્છિત ઢાળ બનાવવા માટે કલર સ્ટોપ્સ અને તેમની પોઝિશનને ઉમેરો, દૂર કરો અથવા સમાયોજિત કરો.
CSS ની નકલ કરો અથવા સંગ્રહો
જનરેટેડ સીએસએસ કોડની નકલ કરો અથવા તેને તમારા પ્રોજેક્ટ્સમાં વાપરવા માટે સીએસએસ ફાઇલ તરીકે સંગ્રહો.
લખાણ ઢાળો વિશે
CSS લખાણ ઢાળ તમને લખાણમાં સીધા જ સુંદર, બહુરંગી ઢાળ લાગુ કરવાની મંજૂરી આપે છે. આ અસર માત્ર એક જ વખત છબીઓ સાથે શક્ય હતી, પરંતુ આધુનિક સીએસએસ તેને સરળ અને કાર્યક્ષમ બનાવે છે.
બ્રાઉઝર આધાર:ક્રોમ, ફાયરફોક્સ, સફારી અને એજ સહિતના તમામ આધુનિક બ્રાઉઝર્સમાં ટેક્સ્ટ ગ્રેડિયન્ટ્સ સપોર્ટ કરે છે. ઈન્ટરનેટ એક્સપ્લોરર જેવા જૂના બ્રાઉઝર્સ માટે, ટેક્સ્ટ સોલિડ કલરમાં પાછું આવી જશે.
વપરાશ માટેની ટિપ્સ:ટેક્સ્ટ ગ્રેડિએન્ટ્સ બોલ્ડ ટેક્સ્ટ અને હાઇ-કોન્ટ્રાસ્ટ કલર કોમ્બિનેશન સાથે શ્રેષ્ઠ રીતે કામ કરે છે. ઇચ્છિત અસર પ્રાપ્ત કરવા માટે વિવિધ ઢાળના પ્રકારો અને દિશાઓ સાથે પ્રયોગ કરો.
Related Tools
CSS બ્યુટીફાયર
Format and beautify your CSS code with professional precision
CSS મિનિફાયર
Compress and optimize your CSS code with professional precision
CSS3 ટ્રાન્ઝિશન જનરેટર
Smooth opacity transition
તમારી ડિઝાઇન માટે ડમી ટેક્સ્ટ જનરેટ કરો
અમારા લોરેમ ઇપ્સમ જનરેટર સાથે તમારી વેબસાઇટ, ઍપ્સ અને દસ્તાવેજો માટે વાસ્તવિક પ્લેસહોલ્ડર ટેક્સ્ટ બનાવો.
દશાંશથી ઓક્ટલ
Convert decimal numbers to octal effortlessly
ઓક્ટલ થી હેક્સ
અષ્ટાંક સંખ્યાઓને હેક્ઝાડેસિમલમાં સહેલાઇથી રૂપાંતરિત કરો