Generator CSS gradijenata

Stvorite linearne, radijalne i stožaste CSS gradijente u svom pregledniku.

Graničnici boje

Koristite ručice graničnika ili tipke na tipkovnici za uređivanje položaja. Svaki graničnik uključuje izričitu boju, neprozirnost i postotak.

Spremno

Lokalna obrada u pregledniku

Vaš gradijent ostaje u ovom pregledniku. Nijedna boja ili generirani CSS ne šalju se na Convertr.

Ograničena uvozna gramatika

Uvoz prihvaća linear-gradient(), radial-gradient() ili conic-gradient() s hex bojama i postocima. Deklaracije, URL-ovi, varijable i nepoznate funkcije lokalno se odbijaju.

Dostupna zamjenska boja

Generirani CSS uključuje čvrstu zamjensku boju pozadine uz gradijent za nepodržane prikazivače i pristupačne kontrole.

Često postavljana pitanja

Je li moj gradijent poslan na poslužitelj?

Ne. Stanje gradijenta, boje, uvezeni CSS i generirani CSS ostaju u vašem pregledniku.

Koje su vrste CSS gradijenata podržane?

Generator stvara linear-gradient(), radial-gradient() i conic-gradient() izlaz s više hex graničnika boje.

Što mogu uvoziti?

Uvoz prihvaća namjerno ograničenu gramatiku s jednom podržanom funkcijom gradijenta, hex bojama, opcionalnim postocima te ograničenim vrijednostima kuta ili položaja.

Povezani razvojni i dizajnerski alati

Alati za razvojne programerePregledajte uslužne programe preglednika CSS pretvarač bojaPretvorite CSS boje SCSS kompilatorKompilirajte Sass/SCSS isječke online CSS minifikatorKomprimirajte CSS kod lokalno u vašem pregledniku. Birač boja slikeOdaberite boje iz slika lokalno.

Generator CSS gradijenata

Izgradite linearne ili radijalne CSS gradijente i pregledajte zaustavljanja boja, kut, položaj i ponavljanje.

Ulaz
Tip gradijenta, zaustavljanja boja, pozicije, kut i postavke ponavljanja.
Izlaz
Pregled uživo i kopirajuća CSS deklaracija pozadine.
Stvarna ograničenja
Prikaz u pregledniku može se malo razlikovati ovisno o motoru, a alat ne ocjenjuje kontrast niti jamči podršku u starijim preglednicima.
Privatnost i obrada podataka
vrsta gradijenta, granične boje, položaji, kut i postavke ponavljanja obrađuju se u ovoj kartici preglednika. Convertr ga ne prima niti pohranjuje; zatvaranje ili ponovno učitavanje stranice čisti radno stanje, osim ako alat izričito nudi lokalno preuzimanje.

Kako koristiti ovaj alat

  1. Pružite vrstu gradijenta, granične boje, položaje, kut i postavke ponavljanja u kontrolama alata.
  2. Odaberite postavke koje utječu na prikaz uživo i CSS deklaraciju pozadine koju možete kopirati, a zatim pokrenite alat.
  3. Pregledajte prikaz uživo i kopirajte CSS deklaraciju pozadine prije kopiranja ili preuzimanja.

Uobičajeni načini kvara

Nedostajuća granična boja, nevažeća boja ili nekompatibilna pozicija sprječavaju izradu važeće CSS deklaracije.

Korisni primjer

Stvorite linearni gradijent od 90 stupnjeva od #111827 na 0% do #f59e0b na 100% i kopirajte deklaraciju.