Najbolj brezplačno Generator CSS gradientov
Zgradite linearne in radialne CSS stepene z živo ogledom - kopirajte ozadje kode.
100% brezplačno
Ni prijave
Brez vodnega žiga
✨
Go Pro za najboljše modele AI - sliko, video in klepet - plus večje nalaganje, prednost v vrsti in brez čakanja.
Nadgradnja na Pro
Ljubezen Best.Free? Delite jo.
Kako deluje
- Izberite tip. Izberite linearno ali radialno in nastavite kot za linearni gradient.
- Izberite barve in ustavi. Postavi dve ali več barv in njihove pozicije; v naprednih možnostih dodajte tretjo ustavo.
- Kopiraj CSS. Hit Copy CSS in vstavite ozadje na vaš stilski stil.
O tem orodju
Zgradite CSS pregrado z okom namesto urejanja vrednosti slepo. Preklopite med linearnim in radialnim, potegnite kot za linearni gradient in izberite barve in položaje za vsaj dve ustavi, medtem ko posodobitev polne širine ozadja v živo. Kopirajte izslednjo lastnost ozadja naravnost v svoj stilski slog. Napredne možnosti dodajo tretjo barvno ustavo za bogatejše mešanice in vam omogočijo izbrati krog ali elipso obliko radialne pregrade. Vse teče v vašem brskalniku.
Za kaj ga ljudje uporabljajo
- Zasnovati naravo ozadja junaka ali sekcije
- Ustvari gumb ali nagrado za zapolnitev kart
- Zmešajte dve ali tri barve znamke gladko
- Ustvarite radialni učinek reflektorja ali vinjeta
Pogosta vprašanja
Linearni pregradni pretvornik se meša vzdolž ravni črte pod izbiro; radialni pregradni pretvornik se meša iz središčne točke kot krog ali elipsa.
Za linearni pregradni tok kot nastavi smer mešanice - 0° gre od dna do vrha, 90° od leve do desne in tako naprej.
Vsaka ustavka je barva, ki je postavljena v odstotkih vzdolž pregrade. Premikanje stop spremembe, kjer ta barva sedi in kako ostra je mešanica.
Da. Odprite Napredne možnosti za dodajanje tretje barvne ustavke, vstavljene med prvo in zadnjo mešanico z več barvami.
Ne. Barve in ustavi so spremenjeni v CSS niz v vašem brskalniku.
Popolnoma brezplačno, brez računa in brez omejitev - orodje na strani stranke brez metra.
Ja. Teče v vašem brskalniku, tako CSS Gradient Generator dela na telefonih, tabletah, kot tudi namizju - ni aplikacije za namestitev.
Običajno samo nekaj sekund za tipično datoteko - CSS Gradient Generator začne delovati takoj, ko ji date svoj vnos.
Neomejena je uporaba, pod velikodušno pokrovčko, ki jo ohranja hitro za vse.
Vsi sodobni brskalniki - Chrome, Safari, Firefox in Edge. CSS Gradient Generator ne potrebuje ničesar nameščenega izven brskalnika, ki ga že uporabljate.