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

Unda Mipangilio Kamili ya Flexbox

Taswira, kubinafsisha, na kutoa msimbo wa CSS flexbox kwa kiolesura chetu angavu cha kuburuta na kudondosha.

Stylus kwa Kigeuzi cha CSS

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

Kigeuzi cha SCSS hadi CSS

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

CMYK hadi HEX

Badilisha maadili ya rangi ya CMYK kuwa misimbo ya HEX kwa muundo wa wavuti na programu za dijiti

CMYK hadi PANTONE

Badilisha maadili ya rangi ya CMYK kuwa sawa na Pantone® kwa muundo wa uchapishaji

Shake-128 Kikokotoo cha Hash

Tengeneza heshi za Shake-128 haraka na kwa urahisi