Generator de Gradiente
Creează gradiente CSS și Tailwind frumoase cu un editor vizual intuitiv
Tip
Unghi
135°Presets
Culori
.element {
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
}linear-gradient(135deg, #6366f1 0%, #ec4899 100%)Întrebări Frecvente
Care este diferența dintre gradientele liniare, radiale și conice?
Gradientele liniare tranzitează culorile de-a lungul unei linii drepte. Gradientele radiale radiază dintr-un punct central spre exterior. Gradientele conice rotesc culorile în jurul unui punct central, ca o roată de culori.
Cum folosesc gradientul în Tailwind CSS?
Comută pe tab-ul Tailwind și copiază numele claselor generate. Lipește-le direct în orice proiect Tailwind — nu este necesară nicio configurație suplimentară pentru culorile standard.
Pot adăuga mai mult de două culori intermediare?
Da — apasă 'Adaugă Culoare' pentru a adăuga câte culori dorești, apoi trage sau introdu poziții exacte pentru a controla precis unde apare fiecare culoare în gradient.
Pot folosi gradientul în React sau alte framework-uri?
Absolut. Codul CSS funcționează oriunde poți aplica stiluri, inclusiv stiluri inline React, Vue, Svelte, HTML simplu sau orice foaie de stiluri CSS.