Generator prelivov CSS

Ustvarite linearne, radialne in stožnične CSS gradiente v brskalniku.

Barvne točke

Uporabite ročaje postaj ali puščice na tipkovnici za urejanje položajev. Vsaka postaja vključuje izrecno barvo, prosojnost in odstotek.

Pripravljeno

Lokalna obdelava v brskalniku

Vaš gradient ostane v tem brskalniku. Nobene barve ali ustvarjeni CSS niso poslani na Convertr.

Omejena uvozna slovnica

Uvoz sprejema linear-gradient(), radial-gradient() ali conic-gradient() s šestnajstiškimi barvami in odstotki. Deklaracije, URL-ji, spremenljivke in neznane funkcije so lokalno zavrnjene.

Dostopen padec

Ustvarjeni CSS vključuje trdno nadomestno barvo ozadja poleg gradienta za nepodprte upodabljalnike in dostopne kontrolne elemente.

Pogosto zastavljena vprašanja

Ali je moj gradient naložen?

Ne. Stanje gradienta, barve, uvoženi CSS in ustvarjeni CSS ostanejo v vašem brskalniku.

Katere vrste CSS gradientov so podprte?

Generator ustvari linear-gradient(), radial-gradient() in conic-gradient() izhod z več šestnajstiškimi barvnimi postajami.

Kaj lahko uvozim?

Uvoz sprejema namerno omejeno slovnico z uporabo ene podprte gradientne funkcije, šestnajstiških barv, izbirnih odstotkov in omejenih vrednosti kotov ali položaja.

Sorodna orodja za razvijalce in oblikovalce

Orodja za razvijalceBrskajte po pripomočkih brskalnika CSS barvni pretvornikPretvori CSS barve Prevajalnik SCSSPrevedite delčke Sass/SCSS na spletu Minifikator CSSKomprimirajte kodo CSS lokalno v brskalniku. Izbirnik barv slikeIzberite barve iz slik lokalno.

Generator prelivov CSS

Ustvarite linearne ali radialne CSS prelive in predogled barvnih postankov, kota, položaja in ponavljanja.

Vhod
Vrsta prehoda, barvne točke, položaji, kot in nastavitve ponavljanja.
Izhod
Pregled v živo in kopirljiva deklaracija ozadja CSS.
Resnične omejitve
Upodabljanje brskalnika se lahko nekoliko razlikuje glede na pogon in orodje ne oceni kontrasta ali zagotavlja podpore v starejših brskalnikih.
Zasebnost in ravnanje s podatki
vrsta gradienta, barvne postaje, položaji, kot in nastavitve ponavljanja se obdelajo v tem zavihku brskalnika. Convertr jih ne prejme ali shrani; zapiranje ali ponovno nalaganje strani počisti delovno stanje, razen če orodje izrecno ponuja lokalni prenos.

Kako uporabljati to orodje

  1. Določite vrsto preliva, barvne postanke, položaje, kot in nastavitve ponavljanja v kontrolnikih orodja.
  2. Izberite nastavitve, ki vplivajo na predogled v živo in kopirljivo deklaracijo ozadja CSS, nato zaženite orodje.
  3. Preverite živo predogled in kopirno CSS ozadje izjavo, preden jo kopirate ali prenesete.

Pogosti načini napak

Manjkajoča barvna postaja, neveljavna barva ali nezdružljiv položaj preprečuje izgradnjo veljavne CSS deklaracije.

Koristni primer

Ustvarite 90-stopinjski linearni gradient od #111827 pri 0% do #f59e0b pri 100% in kopirajte deklaracijo.