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
Creați machete Flexbox perfecte
Vizualizați, personalizați și generați cod CSS flexbox cu interfața noastră intuitivă drag-and-drop.
Convertor Stylus în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
Convertor SCSS în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
Calculator de marjă
Calculați marja de profit, marja brută și adaosul cu calculatorul nostru cuprinzător de marjă.
Convertor de unități de densitate de stocare
Convertiți între diferite unități de densitate de stocare a datelor cu precizie
Convertiți JSON în Excel fără efort
Transformați-vă datele JSON în format Excel cu un singur clic. Rapid, sigur și complet bazat pe browser.