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

Stylus kwa Kigeuzi cha CSS

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

Jenereta ya Mpito ya CSS3

Mpito laini wa opacity

Chini ya Kigeuzi cha CSS

Badilisha msimbo wako mdogo kuwa CSS. Haraka, rahisi, na salama.

Kikokotoo cha Margin

Kokotoa kiwango cha faida, kiasi cha jumla, na alama na kikokotoo chetu cha kina cha margin.

SHA-384 Kikokotoo cha Hash

Tengeneza heshi za SHA-384 haraka na kwa urahisi

Mhariri wa JSON

Hariri JSON Kubwa kwa Urahisi - Umeme Haraka na Laini