Készítsen gyönyörű CSS szövegszínátmenetet könnyedén

Hozzon létre lenyűgöző színátmenetes szövegeffektusokat webhelyéhez

Színátmenet-vezérlők

CSS színátmenetes szöveg
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

Népszerű színátmenetek

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)
Gyümölcssaláta
linear-gradient(to right, #FA709A, #FEE140)
Neon Glow
linear-gradient(to right, #00DBDE, #FC00FF)

Hogyan kell használni

1

Írja be a szöveget

Írja be a szöveget, amelyre a színátmenetet alkalmazni szeretné a "Szöveg" beviteli mezőbe.

2

Színátmenet típusának kiválasztása

Válasszon a Lineáris, a Sugaras vagy a Kúpos színátmenet típusok közül.

3

Irány vagy szög beállítása

Lineáris színátmenetek esetén válasszon irányt. Kúpos színátmenetek esetén állítsa be a szöget.

4

Színek testreszabása

Színállomások hozzáadásával, eltávolításával vagy beállításával hozhatja létre a kívánt színátmenetet.

5

CSS másolása vagy mentése

Másolja ki a generált CSS-kódot, vagy mentse CSS-fájlként a projektekben való használathoz.

Információk a szöveges színátmenetekről

A CSS szövegszínátmenetek lehetővé teszik, hogy gyönyörű, többszínű színátmeneteket alkalmazzon közvetlenül a szövegre. Ez a hatás egykor csak képekkel volt lehetséges, de a modern CSS egyszerűvé és hatékonnyá teszi.

Böngésző támogatása:A szöveges színátmeneteket minden modern böngésző támogatja, beleértve a Chrome-ot, a Firefoxot, a Safarit és az Edge-t is. Régebbi böngészőkben, például az Internet Explorerben, a szöveg egyszínű lesz.

Használati tippek:A szövegszínátmenetek félkövér szöveggel és nagy kontrasztú színkombinációkkal működnek a legjobban. Kísérletezzen különböző színátmenet-típusokkal és irányokkal a kívánt hatás elérése érdekében.

Related Tools