Cel mai bun gratuit Generator de gradient CSS
Construiește gradiente CSS lineare și radiale cu o anteprima live - copiați codul de fundal.
100% gratuit
Nicio înscriere
Fără semn de apă
✨
Go Pro pentru cele mai bune modele de IA - imagine, video și chat - plus încărcare mai mari, prioritate în coada și nu de așteptare.
Actualizează la Pro
Iubire Best.Free? Împărtăşiţi-l.
Cum funcţionează
- Alege un tip. Alegeți unghiul linear sau radial și fixați unghiul pentru un gradient linear.
- Alege culori și opriri. Setați două sau mai multe culori și pozițiile lor; adăugați o a treia oprire în opțiunile avansate.
- Copiază CSS. Loveste Copy CSS și încolți gradientul de fundal în stilul de stil.
Despre acest instrument
Construiește un gradient CSS cu ochi în loc de a edita valori orb. Schimbare între liniar și radial, trage unghiul pentru un gradient linear, și alegeți culori și poziții pentru cel puțin două opriri în timp ce o bară de previzualizare la lățime completă actualizări în direct. Copiați proprietatea de fond rezultată direct în stilul de stil. Opțiunile Avancé adaugă o oprire a treia culoare pentru amestecurile mai bogate și permiteți alege un cerc sau forma elice pentru gradiente radiale. Toate funcționează în browser-ul dumneavoastră.
Pentru ce o folosesc oamenii
- Proiecta un gradient de fond sau de erou sau secțiune
- Creați un buton sau un gradient card umplere
- Fusionează două sau trei culori de marca cu limpede
- Generați un efect radial sau vignetă
Întrebări frecvente
Un gradient linear amestecă pe o linie dreptă la unghiul pe care îl alegeți; un gradient radial amestecă spre exterior dintr-un punct central ca un cerc sau elipsă.
Pentru un gradient linear, unghiul stabilește direcția amestecului - 0° merge de jos în sus, 90° stânga în dreapta, și așa mai departe.
Fiecare oprire este o culoare plasată la un procent de-a lungul gradientului. Mutarea unei scheme de oprire unde această culoare se află și cât de ascuțită este amestecul.
Da. Deschide opțiuni avansat pentru a adăuga o a treia oprire de culoare, inserată între prima și ultima pentru un amestec multicolor.
Nu. Culorile şi opririle sunt transformate într-un cod CSS local în browser-ul tău.
Complet gratuit, fără cont şi fără limită - un instrument de la client cu nimic de măsurat.
Da. Se execută în browser-ul dvs., așa că CSS Gradient Generator funcționează pe telefoane și tablete, precum și desktop - nu există nici o aplicație de instalat.
De obicei, doar câteva secunde pentru un fișier tipic - CSS Gradient Generator începe să lucreze în momentul în care i-ai dat inputul.
Utilizarea casuală este nelimitat, sub un capac generos de utilizare corectă care o menține rapid pentru toată lumea.
Toate browserele moderne - Chrome, Safari, Firefox și Edge. CSS Gradient Generator nu are nevoie de nimic instalat dincolo de browser-ul pe care l-ai utilizat deja.