Unda gradient nzuri ya maandishi ya CSS bila kujitahidi

Unda athari za maandishi ya gradient kwa wavuti yako

Udhibiti wa Gradient

Maandishi ya Gradient ya CSS
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

Gradients maarufu

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)
Saladi ya Matunda
linear-gradient(to right, #FA709A, #FEE140)
Neon Glow
linear-gradient(to right, #00DBDE, #FC00FF)

Jinsi ya kutumia

1

Ingiza maandishi yako

Andika maandishi unayotaka kutumia gradient kwenye uwanja wa kuingiza "Maandishi".

2

Chagua aina ya gradient

Chagua kati ya aina za gradient ya Linear, Radial, au Conic.

3

Rekebisha mwelekeo au pembe

Kwa gradients za mstari, chagua mwelekeo. Kwa gradients za conic, weka pembe.

4

Badilisha rangi kukufaa

Ongeza, ondoa, au urekebishe vituo vya rangi na nafasi zao ili kuunda gradient unayotaka.

5

Nakili au uhifadhi CSS

Nakili msimbo wa CSS unaozalishwa au uihifadhi kama faili ya CSS ili utumie katika miradi yako.

Kuhusu gradients za maandishi

Gradients za maandishi za CSS hukuruhusu kutumia gradients nzuri, za rangi nyingi moja kwa moja kwenye maandishi. Athari hii mara moja iliwezekana tu na picha, lakini CSS ya kisasa inafanya kuwa rahisi na yenye ufanisi.

Usaidizi wa Kivinjari:Gradients za maandishi zinatumika katika vivinjari vyote vya kisasa, ikiwa ni pamoja na Chrome, Firefox, Safari, na Edge. Kwa vivinjari vya zamani kama Internet Explorer, maandishi yatarudi kwenye rangi thabiti.

Vidokezo vya matumizi:Gradients za maandishi hufanya kazi vyema zaidi kwa maandishi ya ujasiri na mchanganyiko wa rangi ya utofautishaji wa juu. Jaribu aina tofauti za gradient na maelekezo ili kufikia athari inayotaka.

Related Tools

Jenereta ya Mpito ya CSS3

Mpito laini wa opacity

Tengeneza Mabadiliko ya CSS3 kwa Urahisi

Zana yenye nguvu na angavu ya kuunda mabadiliko changamano ya CSS3 bila kuandika msimbo. Taswira ya mabadiliko katika muda halisi na unakili CSS inayozalishwa ili utumie katika miradi yako.

Stylus kwa Kigeuzi cha CSS

Badilisha msimbo wako wa SCSS kuwa CSS. Haraka, rahisi, na salama.

Kigeuzi cha Kitengo cha Misa

Badilisha kati ya vitengo tofauti vya misa kwa usahihi kwa mahitaji yako ya kisayansi na ya kila siku

Ondoa mapumziko ya mstari kutoka kwa maandishi yako

Badilisha maandishi ya mistari mingi kuwa mstari mmoja unaoendelea ukitumia zana yetu ambayo ni rahisi kutumia.

Badilisha TSV hadi JSON kwa urahisi

Badilisha data yako ya TSV kuwa umbizo la JSON lililopangwa kwa mbofyo mmoja. Haraka, salama, na msingi wa kivinjari kabisa.