Najbolji slobodni Generator gradijenata
Izgradite linearne i radijalne CSS gradijente sa live pregledom - kopirajte pozadinski kod.
100% besplatno
Nema prijave
Nema vodenog žiga
✨
Go Pro za najbolje AI modele - slike, video i chat - plus veće uploade, prioritet u redu i bez čekanja.
Nadogradi na Pro
Ljubav Best.Free? Podijelite ga.
Kako to funkcioniše
- Izaberi vrstu. Odaberite linearno ili radijalno, i postavite ugao za linearni gradijent.
- Izaberi boje i zaustavljanja. Postavite dvije ili više boja i njihove pozicije; dodajte treću stanicu u naprednim opcijama.
- Kopiraj CSS. Kliknite Kopiraj CSS i zalijepite gradijent pozadine u vašu stilsku tablicu.
O ovom alatu
Izradite CSS gradijent očima umjesto da uređujete vrijednosti na slijepo. Prebacujte se između linearnog i radijalnog, povucite ugao za linearni gradijent, i odaberite boje i pozicije za najmanje dvije stope dok se traka za pretpregled pune širine ažurira uživo. Kopirajte rezultatu svojstvo pozadine direktno u vašu stilsku tablicu. Napredne opcije dodaju treću stopu boje za bogatije miješanje i dopuštaju vam da odaberete oblik kruga ili elipse za radijalne gradijente. Sve se pokreće u vašem pregledniku.
Za šta ga ljudi koriste?
- Dizajniraj gradijent pozadine heroja ili sekcije
- Napravi ispunu gradijenta gumba ili kartice
- Glatko pomiješajte dvije ili tri boje marke
- Generiraj radijalno reflektirano svjetlo ili efekt vinjete
Često postavljana pitanja
Linearni gradijent se miješa duž prave linije pod uglom koji odaberete; radijalni gradijent se miješa prema van iz središnje tačke kao krug ili elipsoida.
Za linearni gradijent, ugao određuje smjer miješanja - 0° ide odozdo prema gore, 90° lijevo-desno, i tako dalje.
Svaka tačka je boja postavljena u postotku duž gradijenta. Pomjeranjem tačke mijenja se mjesto gdje ta boja stoji i kako je oštro miješanje.
Da. Otvorite napredne opcije da biste dodali treću boju, umetnutu između prve i zadnje za miješanje više boja.
Boje i zaustavljanja se pretvaraju u CSS niz lokalnih u vašem pregledniku.
Nema nikakvih ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja.
Da. Radi u vašem pregledniku, tako da CSS Gradient Generator radi na telefonima i tabletima kao i na desktopu - nema aplikacije za instaliranje.
Obično samo nekoliko sekundi za tipičnu datoteku - CSS gradijent generator počinje raditi u trenutku kada mu date svoj ulaz.
Povremena upotreba je neograničena, pod velikodušnim ograničenjem poštene upotrebe koje je brzo za sve.
Svi moderni preglednici - Chrome, Safari, Firefox i Edge. CSS Gradient Generator ne treba ništa instalirati osim preglednika koji već koristite.