⭐ 0
🔍
Besedilo Slika PDF in dokumenti Avdio Glasba elektronika Čas Pripomočki Validatorji Ezoterika igre

Generator linearnega gradienta CSS

Vizualno ustvarite prelive CSS: linearni, radialni ali stožčasti tip, kotni drsnik in do šest barvnih stopenj s predogledom polne širine v živo in kodo, ki jo je mogoče kopirati.

90°
Obdelava ... 0%

Rezultat

Ta stran odpre generator gradientov z že izbranim linearnim tipom. Povlecite drsnik za kot, da zasukate bledenje, prilagodite barvne meje in predogled polne širine ter posodobitev vrstice CSS pri vsakem vnosu.

linear-gradient() barva barve vzdolž ravne črte - daleč najbolj uporabljen gradient v CSS. 90deg teče od leve proti desni, 180deg od zgoraj navzdol, vsak vmesni kot pa daje diagonalo; položaji zaustavitve v odstotkih določajo, kje se vsak barvni pas začne mešati z naslednjim.

Ko je predogled videti pravilen, kopirajte vrstico ozadja v svojo datoteko slogov. Če želite začetno točko namesto praznega lista, prednastavljene strani sončni zahod, ocean in pastel odprejo isto orodje z že naloženimi preverjenimi barvnimi pari.

🛡️
Izvedeno v brskalniku

Vaše datoteke in vnosi nikoli ne zapustijo te naprave. Obdelava poteka popolnoma brez povezave. 100 % varno.

Sprejeti formati in pravila

  • Izbira vrste gradienta (linearni, radialni, konični) z drsnikom kota za linearni in konični način.
  • Seznam za zaustavitev barv: dve postaji za začetek, dodajanje ali odstranitev do šest, vsaka s svojim izbirnikom barv in položajem v odstotkih.
  • Vrstica CSS za ozadje, ki jo je mogoče kopirati, in že pripravljene prednastavljene strani za sončni zahod, ocean in pastelne prelive.

Ključne prednosti

✓ Predogled polne širine prebarva ob vsaki spremembi — vrsti, kotu in vsaki barvni stopnji — tako da je CSS, ki ga kopirate, točno to, kar ste videli.
✓ Do šest barvnih stopenj s posameznimi položaji pokriva vse od preprostega dvobarvnega bledenja do zapletenih večpasovnih ozadij.
✓ Ena izjava, trije motorji: preklapljajte med linearnimi, radialnimi in stožčastimi brez ponovne sestave postankov.

Primeri uporabe

  • • Sestavite ozadje glavnega odseka tako, da povlečete kotne in barvne meje namesto ročnega urejanja linear-gradient() in ponovnega nalaganja.
  • • Primerjajte iste barvne meje kot linearne, radialne in stožčaste prelive z enim stikalom – meje se prenašajo med vrstami.
  • • Zgrabite preverjeno kombinacijo s prednastavljene strani sončnega zahoda, oceana ali pastelnih barv in jo prilagodite barvam svoje blagovne znamke.