Krijoni Gradient të Bukur Teksti CSS pa Mundim

Krijoni efekte mahnitëse të tekstit me gradient për faqen tuaj të internetit

Kontrollet e Gradientit

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

Gradientët Popullorë

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)
Sallatë frutash
linear-gradient(to right, #FA709A, #FEE140)
Neon Glow
linear-gradient(to right, #00DBDE, #FC00FF)

Si të përdoret

1

Shkruani Tekstin Tuaj

Shkruani tekstin mbi të cilin dëshironi të aplikoni gradientin në fushën e futjes "Tekst".

2

Zgjidhni Llojin e Gradientit

Zgjidhni midis llojeve të gradientit linear, radial ose konik.

3

Rregullo drejtimin ose këndin

Për gradiente lineare, zgjidhni një drejtim. Për gradiente konike, vendosni këndin.

4

Personalizo Ngjyrat

Shtoni, hiqni ose rregulloni ndalesat e ngjyrave dhe pozicionet e tyre për të krijuar gradientin e dëshiruar.

5

Kopjo ose Ruaj CSS-në

Kopjoni kodin CSS të gjeneruar ose ruajeni atë si skedar CSS për ta përdorur në projektet tuaja.

Rreth Gradientëve të Tekstit

Gradientët e tekstit CSS ju lejojnë të aplikoni gradiente të bukura shumëngjyrëshe direkt në tekst. Ky efekt dikur ishte i mundur vetëm me imazhe, por CSS moderne e bën atë të thjeshtë dhe efikas.

Mbështetja e shfletuesit:Gradientët e tekstit mbështeten në të gjithë shfletuesit modernë, duke përfshirë Chrome, Firefox, Safari dhe Edge. Për shfletuesit më të vjetër si Internet Explorer, teksti do të kthehet në një ngjyrë të plotë.

Këshilla përdorimi:Gradientët e tekstit funksionojnë më mirë me tekst të trashë dhe kombinime ngjyrash me kontrast të lartë. Eksperimentoni me lloje dhe drejtime të ndryshme të gradientit për të arritur efektin e dëshiruar.

Related Tools