Creați un gradient frumos de text CSS fără efort
Creați efecte de text gradient uimitoare pentru site-ul dvs.
Controale gradient
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Gradiente populare
Mod de utilizare
Introduceți textul dvs.
Tastați textul căruia doriți să aplicați gradientul în câmpul de introducere "Text".
Alegeți tipul de gradient
Selectați între tipurile de gradient liniar, radial sau conic.
Reglarea direcției sau a unghiului
Pentru gradiente liniare, alegeți o direcție. Pentru gradiente conice, setați unghiul.
Personalizați culorile
Adăugați, eliminați sau ajustați opririle de culoare și pozițiile acestora pentru a crea gradientul dorit.
Copierea sau salvarea CSS
Copiați codul CSS generat sau salvați-l ca fișier CSS pentru a fi utilizat în proiectele dvs.
Despre gradientele de text
Gradientele de text CSS vă permit să aplicați gradiente frumoase, multicolore, direct pe text. Acest efect a fost cândva posibil doar cu imagini, dar CSS-ul modern îl face simplu și eficient.
Suport browser:Gradientele de text sunt acceptate în toate browserele moderne, inclusiv Chrome, Firefox, Safari și Edge. Pentru browserele mai vechi, cum ar fi Internet Explorer, textul va reveni la o culoare solidă.
Sfaturi de utilizare:Gradientele de text funcționează cel mai bine cu text îngroșat și combinații de culori cu contrast ridicat. Experimentați cu diferite tipuri și direcții de gradient pentru a obține efectul dorit.
Related Tools
Înfrumusețător CSS
Formatați și înfrumusețați codul CSS cu precizie profesională
Convertor SCSS în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
Convertor Stylus în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
RGB în CMYK
Convertiți culorile RGB în valori CMYK pentru designul de imprimare
Convertiți textul în melci prietenoși cu SEO
Transformați orice text într-un slug prietenos cu URL-urile, perfect pentru adrese URL, nume de fișiere și multe altele.
Generator de bară de derulare CSS
Personalizați cu ușurință barele de derulare ale site-ului dvs.