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.

Sass kwa Kigeuzi cha CSS

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

Zana ya Mtandaoni ya Jenereta ya Safu ya CSS

Unda na uibue kazi maalum za kurahisisha CSS

Mrembo wa HTML

Fomati na upamba msimbo wako wa HTML kwa usahihi wa kitaalamu

Kigeuzi cha Nguvu Tendaji

Badilisha nguvu tendaji kati ya vitengo tofauti kwa usahihi na urahisi