Najbolje besplatno CSS generator gradijenata
Izgradite linearne i radijalne CSS stepene s uživom prethodnom pregledom — kopirajte pozadinski kod.
100% besplatno
Nema prijave
Nema vodenog žiga
Datoteke obrađene u memoriji, nikada pohranjene
✨
Go Pro za najbolje modele AI – sliku, video i čavrljanje – plus veća uploads, prioritet u redu i bez čekanja.
Nadogradnja na profesionalni
Ljubav best.free? Podijeli to
Kako to radi
- Izaberi tip. Odaberite linearnu ili radijalnu, i postavite kut za linearni gradient.
- Odaberite boje i zaustavite. Postavi dvije ili više boja i njihove pozicije; u Naprednim opcijama dodate treću stanicu.
- Kopiraj CSS. Hit Copy CSS i umetnite pozadinski gradient u svoj stilski stil.
O ovom alatu
Gradi CSS gradijent po oku umjesto uređivanja vrijednosti slijep. Prebacite se između linearnog i radijalnog, povucite kut za linearni gradient, i odaberite boje i pozicije za najmanje dvije zaustavljanja dok se ažuriranje poluprikaza pune širine uživo. Kopiraj rezultat osobine pozadine ravno u svoj stilski stil. Napredne opcije dodaju treću boju za bogatije mješavine i omogućuju vam da izaberete krug ili elipse oblik radijalnih gradijenata. Sve se radi u vašem pregledniku.
Za što ga ljudi koriste?
- Dizajniraj pozadinski gradijent heroja ili sekcije
- Napravi gumb ili nagradu karte
- Miješati dvije ili tri boje marke glatko
- Generiraj radijalni reflektor ili vinjetni efekt
Česta pitanja
Linearni gradient se miješa uz izravnu liniju pod kutom koji izaberete; radijalni gradient se miješa izvan središnje točke kao krug ili elipsa.
Za linearni gradient kut postavlja smjer mješavine – 0° ide od dna do vrha, 90° lijevo prema desno i tako dalje.
Svaka stanica je boja postavljena na postotku duž stepena. Pomjeranje stop promjena gdje ta boja sjedi i koliko je oštra mješavina.
Da. Otvorite Advanced opcije za dodavanje trećeg stajališta boja, umetnutog između prve i posljednje za višebojnu mješavinu.
Ne. Boje i zaustavljanja se pretvaraju u CSS string lokalno u vašem pregledniku.
Potpuno besplatno, bez računa i bez ograničenja — alat s strane klijenta bez ičega za mjerenje.
Da. Ona radi u vašem pregledniku, tako CSS Gradient Generator radi na telefonima i tabletama, kao i radna površina - nema aplikacije za instalaciju.
Obično samo nekoliko sekundi za tipičnu datoteku — CSS Gradient Generator počinje raditi u trenutku da ga date svoj ulaz.
Žrtva je neograničena, pod velikodušnom kapom za pošteno korištenje koja ga drži brzo za sve.
Svi moderni preglednici — Chrome, Safari, Firefox i Edge. CSS Gradient Generator ne treba ništa instalirano izvan preglednika već koristite.