Generează

Generator gradient CSS

Creați gradienți CSS frumoși cu previzualizare live

Unghi135°

Opriri de culoare

#6366f10%

#ec4899100%

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Despre Generator gradient CSS

Generatorul de gradienți CSS creează gradienți liniari și radiali frumoși cu previzualizare live. Produce cod CSS gata de utilizare pe care îl puteți copia direct în proiectele dvs. Acest instrument gratuit rulează în browserul dvs. și nu stochează date pe vreun server.

Întrebări frecvente

Cum creez un gradient CSS?

Alegeți tipul de gradient, selectați culorile folosind selectoarele de culori, ajustați direcția sau unghiul și vedeți rezultatul în timp real. Când sunteți mulțumit de gradient, copiați codul CSS generat și lipiți-l în foaia de stil.

Sunt salvate sau transmise date?

Nu. Gradientul este creat în întregime în browserul dvs. Nicio culoare, preferință sau cod CSS nu este trimis către vreun server. Totul rămâne pe dispozitivul dvs. până când copiați codul generat.

Pot crea gradienți cu mai mult de două culori?

Da, puteți adăuga mai multe puncte de culoare pentru a crea gradienți complecși, multicolori. De asemenea, puteți ajusta poziția fiecărui punct de culoare și unghiul sau direcția gradientului pentru a obține exact efectul vizual dorit.