Lengvai sukurkite gražų CSS teksto perėjimą
Kurkite nuostabius gradiento teksto efektus savo svetainei
Gradiento valdikliai
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Populiarūs gradientai
Kaip naudotis
Įveskite savo tekstą
Įvesties lauke "Tekstas" įveskite tekstą, kuriam norite taikyti gradientą.
Pasirinkite gradiento tipą
Pasirinkite linijinio, radialinio arba kūginio gradiento tipus.
Sureguliuokite kryptį arba kampą
Tiesiniams nuolydžiams pasirinkite kryptį. Kūginiams gradientams nustatykite kampą.
Tinkinkite spalvas
Pridėkite, pašalinkite arba koreguokite spalvų stoteles ir jų padėtis, kad sukurtumėte norimą perėjimą.
Nukopijuokite arba išsaugokite CSS
Nukopijuokite sugeneruotą CSS kodą arba išsaugokite jį kaip CSS failą, kurį naudosite savo projektuose.
Apie teksto perėjimus
CSS teksto gradientai leidžia pritaikyti gražius, daugiaspalvius gradientus tiesiai tekstui. Šis efektas kažkada buvo įmanomas tik su vaizdais, tačiau šiuolaikinis CSS daro jį paprastą ir efektyvų.
Naršyklės palaikymas:Teksto gradientai palaikomi visose šiuolaikinėse naršyklėse, įskaitant "Chrome", "Firefox", "Safari" ir "Edge". Senesnėse naršyklėse, pvz., "Internet Explorer", tekstas vėl bus vientisos spalvos.
Naudojimo patarimai:Teksto perėjimai geriausiai veikia naudojant paryškintą tekstą ir didelio kontrasto spalvų derinius. Eksperimentuokite su skirtingais gradiento tipais ir kryptimis, kad pasiektumėte norimą efektą.
Related Tools
Mažiau į CSS Konverteris
Paverskite savo "Less" kodą į CSS. Greita, paprasta ir saugu.
Sass į CSS Konverteris
Paverskite savo Sass kodą į CSS. Greita, paprasta ir saugu.
CSS Minifier
Suspauskite ir optimizuokite savo CSS kodą profesionaliu tikslumu
"Base64" kodavimo įrankis
Sukurkite saugias "WordPress" slaptažodžių maišas
MD2 maišos generatorius
Greitai ir lengvai generuokite MD2 maišą naudodami šį internetinį įrankį. Saugūs, patikimi ir greiti rezultatai.
SCSS į CSS keitiklis
Transformuokite savo SCSS kodą į CSS. Greita, paprasta ir saugu.