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.
Creați termeni și condiții personalizate
Generați termeni și condiții cuprinzătoare adaptate site-ului, aplicației sau serviciului dvs.
HEX la HSV
Convertiți culorile între modelele de culoare hexazecimale și HSV (nuanță, saturație, valoare) cu previzualizare în timp real.
Efect de text CSS Glitch
Creați efecte uimitoare de glitch pentru textul dvs. cu acest generator interactiv. Perfect pentru cyberpunk, jocuri sau orice design care are nevoie de acel aspect avantdhist, futurist.