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.
Rašiklis į CSS Konverteris
Transformuokite savo SCSS kodą į CSS. Greita, paprasta ir saugu.
Internetinis teksto šešėlių CSS generatorius
Kurkite nuostabius gradiento teksto efektus savo svetainei
Paskolos Skaičiuoklė
Apskaičiuokite paskolos mokėjimus, palūkanų išlaidas ir amortizacijos grafikus naudodami mūsų išsamią paskolos skaičiuoklę.
Konvertuoti JSON į Java klases
Generuokite Java klases iš JSON duomenų su tinkamais komentarais ir geteriais / steigėjais. Greitas, saugus ir visiškai pagrįstas naršykle.