સુંદર CSS ટેક્સ્ટ ગ્રેડિયન્ટ વિના પ્રયાસે બનાવો

Create Stunning Gradient Text Effects for Your Website

ઢાળ નિયંત્રણો

CSS ઢાળ લખાણ
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

લોકપ્રિય ઢાળો

Sunset
linear-gradient(to right, #FF512F, #F09819)
Magic
linear-gradient(to right, #4158D0, #C850C0, #FFCC70)
Ocean
linear-gradient(to right, #0093E9, #80D0C7)
Electric
linear-gradient(to right, #30CFD0, #330867)
ફ્રૂટ સલાડ
linear-gradient(to right, #FA709A, #FEE140)
Neon Glow
linear-gradient(to right, #00DBDE, #FC00FF)

કેવી રીતે ઉપયોગ કરવો

1

તમારું લખાણ દાખલ કરો

ઢાળને તમે "લખાણ" ઇનપુટ ક્ષેત્રમાં લાગુ કરવા માંગો તે લખાણ લખો.

2

ઢાળ પ્રકાર પસંદ કરો

રૈખિય, રેડિયલ અથવા કોનિક ઢાળના પ્રકારો વચ્ચે પસંદગી કરો.

3

દિશા અથવા કોણ સંતુલિત કરો

રેખીય ઢાળ માટે, દિશા પસંદ કરો. કોનિક ઢાળો માટે, ખૂણો સુયોજિત કરો.

4

રંગોને વૈવિધ્યપૂર્ણ બનાવો

તમારો ઇચ્છિત ઢાળ બનાવવા માટે કલર સ્ટોપ્સ અને તેમની પોઝિશનને ઉમેરો, દૂર કરો અથવા સમાયોજિત કરો.

5

CSS ની નકલ કરો અથવા સંગ્રહો

જનરેટેડ સીએસએસ કોડની નકલ કરો અથવા તેને તમારા પ્રોજેક્ટ્સમાં વાપરવા માટે સીએસએસ ફાઇલ તરીકે સંગ્રહો.

લખાણ ઢાળો વિશે

CSS લખાણ ઢાળ તમને લખાણમાં સીધા જ સુંદર, બહુરંગી ઢાળ લાગુ કરવાની મંજૂરી આપે છે. આ અસર માત્ર એક જ વખત છબીઓ સાથે શક્ય હતી, પરંતુ આધુનિક સીએસએસ તેને સરળ અને કાર્યક્ષમ બનાવે છે.

બ્રાઉઝર આધાર:ક્રોમ, ફાયરફોક્સ, સફારી અને એજ સહિતના તમામ આધુનિક બ્રાઉઝર્સમાં ટેક્સ્ટ ગ્રેડિયન્ટ્સ સપોર્ટ કરે છે. ઈન્ટરનેટ એક્સપ્લોરર જેવા જૂના બ્રાઉઝર્સ માટે, ટેક્સ્ટ સોલિડ કલરમાં પાછું આવી જશે.

વપરાશ માટેની ટિપ્સ:ટેક્સ્ટ ગ્રેડિએન્ટ્સ બોલ્ડ ટેક્સ્ટ અને હાઇ-કોન્ટ્રાસ્ટ કલર કોમ્બિનેશન સાથે શ્રેષ્ઠ રીતે કામ કરે છે. ઇચ્છિત અસર પ્રાપ્ત કરવા માટે વિવિધ ઢાળના પ્રકારો અને દિશાઓ સાથે પ્રયોગ કરો.

Related Tools