Despre acest instrument

Ce este CSS Gradient Generator?

Construiește gradienți CSS cu previzualizare live. Alege tipul (liniar, radial, conic), adaugă un număr nelimitat de opriri de culoare, setează unghiul (sau poziția pentru radial) și copiază CSS-ul generat. Rezultatul funcționează în toate browserele moderne; pentru browserele mai vechi includem variante cu prefix de furnizor.

Designerii folosesc acest instrument pentru fundaluri de hero, stiluri de butoane și explorări ale atmosferei de brand. Rezultatul poate fi exportat ca CSS, clase Tailwind sau SVG.

FAQ · CSS GRADIENT GENERATOR

Întrebări despre CSS Gradient Generator

Ce tipuri de gradienți sunt acceptate?

Liniari (cei mai comuni — bazați pe unghi), radiali (circulari sau eliptici, poziționabili) și conici (cel mai nou tip — întinde culorile în jurul unui punct central, excelent pentru designuri asemănătoare graficelor tip plăcintă). Toate se exportă ca CSS standard.

Pot exporta ca Tailwind?

Da — pe lângă CSS-ul brut, generatorul exportă clase utilitare Tailwind (de exemplu, `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`) atunci când opririle de culoare coincid cu paleta denumită a Tailwind.

Este gratuit?

Da — fără înregistrare, rulează în browser.

Raportează o problemă de traducere

Pus în funcțiune de ReelStack

Ajută la menținerea acestui proiect

Bacșișul tău finanțează serverele, modelele și timpul necesar pentru a lansa mai repede noi instrumente. Alege orice sumă mai jos — orice contribuție contează.