CSS gradient generator
Stvorite linearne, radialne i konijske CSS gradijente u vašem pregledniku.
Boja zaustavlja
Koristite stop rukavice ili tipkovnice za uređivanje položaja.Svaka stop uključuje izričitu boju, opacitet i procenat.
Browsers-native lokalna obrada
Vaš gradijent ostaje u ovom pregledniku. nema boja ili generiranog CSS-a koji se šalje na Converter.
ograničena uvozna gramatika
Uvoz prihvaća linearni gradient(), radialni gradients(), ili konijski gradiants(), s hex boja i procenata. izjave, URL-ovi, varijabilnosti i nepoznate funkcije su lokalno odbijene.
Dostupni padovi
Generirani CSS sadrži čvrstu povratnu boju pozadine uz gradient za nepodržene renderere i pristupačni kontrolni krom.
Često postavljana pitanja
Je li moj gradient isporučen?
Gradient stanje, boje, uvezeni CSS i generirani CSS ostaju u vašem pregledniku.
Koje su vrste CSS gradijenta podržane?
Generator stvara linearni gradient(), radialni gradiant(), i konijski gradients(), s više hex boja zaustavljanja.
Što mogu uvoziti?
Uvoz prihvaća namjerno ograničenu gramatiku pomoću jedne podržane gradientne funkcije, hex boja, opcionalnih postotaka i ograničenih ugla ili vrijednosti položaja.
CSS gradient generator
Izgradite linearne ili radialne CSS gradijente i predvidite boja zaustavljanja, kut, pozicije i ponavljanja.
- Uvod
- Tip gradienta, boje zaustavljanja, pozicije, ugla i ponavljanje postavki.
- Izlazak
- Pregled i kopiranje CSS pozadine.
- Prava ograničenja
- Browsers rendering može se malo razlikovati po motoru, a alat ne ocjenjuje kontrast ili jamči podršku u nasljednim preglednicima.
- Privatnost i obrada podataka
- gradijent tip, boje zaustavljanja, pozicije, ugla i ponavljanje postavki obrađuju se u ovoj kartici pretraživača. konverter ne primaju ili pohranjuje; zatvaranje ili ponovno preuzimanje stranice očisti radni status osim ako alat izričito nudi lokalno preuzimanja.
Kako koristiti ovaj alat
- Pružite tip gradienta, boje zaustavljanja, pozicije, ugla i ponavljaju postavke u kontrolama alata.
- Odaberite postavke koje utječu na živu predviđanje i kopirajuću CSS pozadinu izjavu, a zatim pokrenuti alat.
- Pregledajte live preview i kopirajuću CSS pozadinu izjavu prije kopiranja ili preuzimanja.
Uobičajeni načini neuspjeha
Nedostatak boje, nevažeća boja ili nepovratna pozicija sprečava da se stvori važeća CSS izjava.
Korisni primjer
Stvorite 90 stupnjeva linearnog gradienta od #111827 na 0% do #f59e0b na 100% i kopirajte izjavu.